How to Use a QSqlQueryModel in QML/it: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 1: Line 1:
[[How to use a QSqlQueryModel in QML|English]] [[How to use a QSqlQueryModel in QML Spanish|Spanish]] '''Italiano'''
[[How_to_use_a_QSqlQueryModel_in_QML|English]] [[How_to_use_a_QSqlQueryModel_in_QML_Spanish|Spanish]] '''Italiano'''


=Come usare QSqlQueryModel in <span class="caps">QML</span>=
= Come usare QSqlQueryModel in QML =


Il software che ho sviluppato, Photo Parata, è un applicazione client server che usa come backend sql. Per la maggior parte del tempo i dati da visualizzare di Photo Parata displays richiedono alcune joins. Per questo motivo,i modelli sono derivati da QSqlQueryModel, non QSqlTableModel.
Il software che ho sviluppato, Photo Parata, è un applicazione client server che usa come backend sql. Per la maggior parte del tempo i dati da visualizzare di Photo Parata displays richiedono alcune joins. Per questo motivo,i modelli sono derivati da QSqlQueryModel, non QSqlTableModel.


In questa guida, vi guiderà attraverso le fasi della creazione di un modello personalizzato per <span class="caps">QML</span>, derivato da QSqlQueryModel.
In questa guida, vi guiderà attraverso le fasi della creazione di un modello personalizzato per QML, derivato da QSqlQueryModel.


Voglio ringraziare [http://cdumez.blogspot.com/ Christophe Dumez] ''[cdumez.blogspot.com]'' per il suo blog [http://cdumez.blogspot.com/2010/11/how-to-use-c-list-model-in-qml.html How to use C++ list model in <span class="caps">QML</span>] ''[cdumez.blogspot.com]''. Grazie a questo blog che sono riuscito a mettere insieme le seguenti cose:
Voglio ringraziare &quot;Christophe Dumez&amp;quot;:http://cdumez.blogspot.com/ per il suo blog &quot;How to use C++ list model in QML&amp;quot;:http://cdumez.blogspot.com/2010/11/how-to-use-c-list-model-in-qml.html. Grazie a questo blog che sono riuscito a mettere insieme le seguenti cose:


(La sorgente dei dati per questo esempio è stato preso da uno degli esempi di Sql che viene fornito con Qt, [http://doc.qt.nokia.com/stable/sql-masterdetail-database-h.html examples\sql\masterdetail] ''[doc.qt.nokia.com]'')
(La sorgente dei dati per questo esempio è stato preso da uno degli esempi di Sql che viene fornito con Qt, &quot;examples\sql\masterdetail&amp;quot;:http://doc.qt.nokia.com/stable/sql-masterdetail-database-h.html)


===Fase 1: Creare una classe C++ derivata da QSqlQueryModel:===
=== Fase 1: Creare una classe C++ derivata da QSqlQueryModel: ===


Tutta la magia avviene nel costruttore e nei dati del metodo overload().
Tutta la magia avviene nel costruttore e nei dati del metodo overload().


===Fase 2: Implementare due costanti statiche===
<code><br />class ArtistsSqlModel : public QSqlQueryModel<br />{<br /> Q_OBJECT<br />public:<br /> explicit ArtistsSqlModel(QObject '''parent);<br /> void refresh();<br /> QVariant data(const QModelIndex &amp;index, int role) const;<br />signals:<br />public slots:<br />private:<br /> const static char''' COLUMN_NAMES[];<br /> const static char* SQL_SELECT;<br />};<br /></code>


Ho sempre due variabili costanti statiche in ciascuno dei miei modelli che derivano da QSqlQueryModel, <span class="caps">COLUMN</span>_NAMES e <span class="caps">SQL</span>_SELECT. L’ordine dei nomi delle colonne in <span class="caps">COLUMN</span>_NAMES deve corrispondere l’ordine in cui sono elencati nella <span class="caps">SELECT</span>
=== Fase 2: Implementare due costanti statiche ===


===Fase 3: Settare roleNames nel costruttore===
Ho sempre due variabili costanti statiche in ciascuno dei miei modelli che derivano da QSqlQueryModel, COLUMN_NAMES e SQL_SELECT. L'ordine dei nomi delle colonne in COLUMN_NAMES deve corrispondere l'ordine in cui sono elencati nella SELECT


Questa fase è dove tutta la magia accade realmente. Il <span class="caps">QML</span> farà riferimento alle varie colonne con le roleNames nomi ruolo impostata sul modello.
<code>const char* ArtistsSqlModel::COLUMN_NAMES[] = {<br /> &quot;artist&amp;quot;,<br /> &quot;title&amp;quot;,<br /> &quot;year&amp;quot;,<br /> NULL<br />};<br />const char* ArtistsSqlModel::SQL_SELECT =<br />&quot;SELECT artists.artist, albums.title, albums.year&amp;quot;<br />&quot; FROM albums&amp;quot;<br />&quot; JOIN artists ON albums.artistid = artists.id&amp;quot;;<br /></code>


===Fase 4: Implementare il metodo data():===
=== Fase 3: Settare roleNames nel costruttore ===
 
Questa fase è dove tutta la magia accade realmente. Il QML farà riferimento alle varie colonne con le roleNames nomi ruolo impostata sul modello.
 
<code>ArtistsSqlModel::ArtistsSqlModel(QObject *parent) :<br /> QSqlQueryModel(parent)<br />{<br /> int idx = 0;<br /> QHash&amp;lt;int, QByteArray&amp;gt; roleNames;<br /> while( COLUMN_NAMES[idx]) {<br /> roleNames[Qt::UserRole + idx + 1] = COLUMN_NAMES[idx];<br /> idx++;<br /> }<br /> setRoleNames(roleNames);<br /> refresh();<br />}</code>
 
=== Fase 4: Implementare il metodo data(): ===


Finché il ruolo che viene richiesto non è un ruolo utente, restituisce il valore predefinito. Ma se il ruolo è un ruolo utente, riporta la colonna corretta:
Finché il ruolo che viene richiesto non è un ruolo utente, restituisce il valore predefinito. Ma se il ruolo è un ruolo utente, riporta la colonna corretta:


===Fase 5: Abilitare <span class="caps">QML</span> a riconoscere il modello:===
<code>QVariant ArtistsSqlModel::data(const QModelIndex &amp;index, int role) const<br />{<br /> QVariant value = QSqlQueryModel::data(index, role);<br /> if(role &lt; Qt::UserRole)<br /> {<br /> value = QSqlQueryModel::data(index, role);<br /> }<br /> else<br /> {<br /> int columnIdx = role - Qt::UserRole - 1;<br /> QModelIndex modelIndex = this-&gt;index(index.row(), columnIdx);<br /> value = QSqlQueryModel::data(modelIndex, Qt::DisplayRole);<br /> }<br /> return value;<br />} </code>
 
=== Fase 5: Abilitare QML a riconoscere il modello: ===
 
Create un istanza del modello (prendete nota che il costruttore del modello deve interrogare il DB la prima volta). Poi settatelo come proprietà sul contenuto della vista, in questo caso l'ho chiamato artistModel:
 
<code><br /> ArtistsSqlModel *artistsSqlModel = new ArtistsSqlModel( qApp);<br /> QmlApplicationViewer viewer;<br /> viewer.rootContext()-&gt;setContextProperty(&quot;artistsModel&amp;quot;, artistsSqlModel);<br /> viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);<br /> viewer.setMainQmlFile&amp;amp;#40;QLatin1String(&quot;qml/SQLListView/main.qml&amp;quot;&amp;#41;);<br /> viewer.showExpanded();
 
</code>
 
=== Fase 6: Creare la lista QML e delegati ===
 
Poiché il modello è stato esposto alla fase 5, il modello esiste e può essere usato in QML. Semplicemente settate il modello della ListView con il nome usato nella fase 5.
 
<code><br /> ListView {<br /> id: list_view1<br /> clip: true<br /> anchors.margins: 10<br /> anchors.fill: parent<br /> model: artistsModel<br /> delegate: ArtistItemDelegate {}<br /> }<br /></code>
 
E infine l'implementazione del delegato. Si noti come i nomi indicati nella roleModel vengono utilizzati come i valori da associare alla proprietà Text degli oggetti di testo:
 
'''ArtistItemDelegate.qml'''<br /><code>import Qt 4.7


Create un istanza del modello (prendete nota che il costruttore del modello deve interrogare il DB la prima volta). Poi settatelo come proprietà sul contenuto della vista, in questo caso l’ho chiamato artistModel:
Item {<br /> id: delegate<br /> width: delegate.ListView.view.width;<br /> height: 30<br /> clip: true<br /> anchors.margins: 4


===Fase 6: Creare la lista <span class="caps">QML</span> e delegati===
Row {<br /> anchors.margins: 4<br /> anchors.fill: parent<br /> spacing: 4;


Poiché il modello è stato esposto alla fase 5, il modello esiste e può essere usato in <span class="caps">QML</span>. Semplicemente settate il modello della ListView con il nome usato nella fase 5.
Text {<br /> text: artist<br /> width: 150<br /> }


E infine l’implementazione del delegato. Si noti come i nomi indicati nella roleModel vengono utilizzati come i valori da associare alla proprietà Text degli oggetti di testo:
Text {<br /> text: title<br /> width: 300;<br /> }


'''ArtistItemDelegate.qml'''<br />
Text {<br /> text: year<br /> width: 50;<br /> }<br /> }<br />}</code>


Tutti i miei esempi in Qt si possono trovare a questo indirizzo. http://www.miltonstreet.com/qt/ ''[miltonstreet.com]''
Tutti i miei esempi in Qt si possono trovare a questo indirizzo. &quot;http://www.miltonstreet.com/qt/&amp;quot;:http://www.miltonstreet.com/qt/

Revision as of 11:12, 24 February 2015

English Spanish Italiano

Come usare QSqlQueryModel in QML

Il software che ho sviluppato, Photo Parata, è un applicazione client server che usa come backend sql. Per la maggior parte del tempo i dati da visualizzare di Photo Parata displays richiedono alcune joins. Per questo motivo,i modelli sono derivati da QSqlQueryModel, non QSqlTableModel.

In questa guida, vi guiderà attraverso le fasi della creazione di un modello personalizzato per QML, derivato da QSqlQueryModel.

Voglio ringraziare "Christophe Dumez&quot;:http://cdumez.blogspot.com/ per il suo blog "How to use C++ list model in QML&quot;:http://cdumez.blogspot.com/2010/11/how-to-use-c-list-model-in-qml.html. Grazie a questo blog che sono riuscito a mettere insieme le seguenti cose:

(La sorgente dei dati per questo esempio è stato preso da uno degli esempi di Sql che viene fornito con Qt, "examples\sql\masterdetail&quot;:http://doc.qt.nokia.com/stable/sql-masterdetail-database-h.html)

Fase 1: Creare una classe C++ derivata da QSqlQueryModel:

Tutta la magia avviene nel costruttore e nei dati del metodo overload().

<br />class ArtistsSqlModel : public QSqlQueryModel<br />{<br /> Q_OBJECT<br />public:<br /> explicit ArtistsSqlModel(QObject '''parent);<br /> void refresh();<br /> QVariant data(const QModelIndex &amp;index, int role) const;<br />signals:<br />public slots:<br />private:<br /> const static char''' COLUMN_NAMES[];<br /> const static char* SQL_SELECT;<br />};<br />

Fase 2: Implementare due costanti statiche

Ho sempre due variabili costanti statiche in ciascuno dei miei modelli che derivano da QSqlQueryModel, COLUMN_NAMES e SQL_SELECT. L'ordine dei nomi delle colonne in COLUMN_NAMES deve corrispondere l'ordine in cui sono elencati nella SELECT

const char* ArtistsSqlModel::COLUMN_NAMES[] = {<br /> &quot;artist&amp;quot;,<br /> &quot;title&amp;quot;,<br /> &quot;year&amp;quot;,<br /> NULL<br />};<br />const char* ArtistsSqlModel::SQL_SELECT =<br />&quot;SELECT artists.artist, albums.title, albums.year&amp;quot;<br />&quot; FROM albums&amp;quot;<br />&quot; JOIN artists ON albums.artistid = artists.id&amp;quot;;<br />

Fase 3: Settare roleNames nel costruttore

Questa fase è dove tutta la magia accade realmente. Il QML farà riferimento alle varie colonne con le roleNames nomi ruolo impostata sul modello.

ArtistsSqlModel::ArtistsSqlModel(QObject *parent) :<br /> QSqlQueryModel(parent)<br />{<br /> int idx = 0;<br /> QHash&amp;lt;int, QByteArray&amp;gt; roleNames;<br /> while( COLUMN_NAMES[idx]) {<br /> roleNames[Qt::UserRole + idx + 1] = COLUMN_NAMES[idx];<br /> idx++;<br /> }<br /> setRoleNames(roleNames);<br /> refresh();<br />}

Fase 4: Implementare il metodo data():

Finché il ruolo che viene richiesto non è un ruolo utente, restituisce il valore predefinito. Ma se il ruolo è un ruolo utente, riporta la colonna corretta:

QVariant ArtistsSqlModel::data(const QModelIndex &amp;index, int role) const<br />{<br /> QVariant value = QSqlQueryModel::data(index, role);<br /> if(role &lt; Qt::UserRole)<br /> {<br /> value = QSqlQueryModel::data(index, role);<br /> }<br /> else<br /> {<br /> int columnIdx = role - Qt::UserRole - 1;<br /> QModelIndex modelIndex = this-&gt;index(index.row(), columnIdx);<br /> value = QSqlQueryModel::data(modelIndex, Qt::DisplayRole);<br /> }<br /> return value;<br />}

Fase 5: Abilitare QML a riconoscere il modello:

Create un istanza del modello (prendete nota che il costruttore del modello deve interrogare il DB la prima volta). Poi settatelo come proprietà sul contenuto della vista, in questo caso l'ho chiamato artistModel:

<br /> ArtistsSqlModel *artistsSqlModel = new ArtistsSqlModel( qApp);<br /> QmlApplicationViewer viewer;<br /> viewer.rootContext()-&gt;setContextProperty(&quot;artistsModel&amp;quot;, artistsSqlModel);<br /> viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);<br /> viewer.setMainQmlFile&amp;amp;#40;QLatin1String(&quot;qml/SQLListView/main.qml&amp;quot;&amp;#41;);<br /> viewer.showExpanded();

Fase 6: Creare la lista QML e delegati

Poiché il modello è stato esposto alla fase 5, il modello esiste e può essere usato in QML. Semplicemente settate il modello della ListView con il nome usato nella fase 5.

<br /> ListView {<br /> id: list_view1<br /> clip: true<br /> anchors.margins: 10<br /> anchors.fill: parent<br /> model: artistsModel<br /> delegate: ArtistItemDelegate {}<br /> }<br />

E infine l'implementazione del delegato. Si noti come i nomi indicati nella roleModel vengono utilizzati come i valori da associare alla proprietà Text degli oggetti di testo:

ArtistItemDelegate.qml

import Qt 4.7

Item {<br /> id: delegate<br /> width: delegate.ListView.view.width;<br /> height: 30<br /> clip: true<br /> anchors.margins: 4

Row {<br /> anchors.margins: 4<br /> anchors.fill: parent<br /> spacing: 4;

Text {<br /> text: artist<br /> width: 150<br /> }

Text {<br /> text: title<br /> width: 300;<br /> }

Text {<br /> text: year<br /> width: 50;<br /> }<br /> }<br />}

Tutti i miei esempi in Qt si possono trovare a questo indirizzo. "http://www.miltonstreet.com/qt/&quot;:http://www.miltonstreet.com/qt/