QML Model & C++Model

qml, qt, model

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Добрый день!

А можно код того, как модель C++ регистрируется в QML и как она добавлена в ListView?

main.cpp

 PageModel *page_model=new PageModel();
     engine.rootContext()->setContextProperty("page_model",page_model);

Pagemodel.h

class PageModel : public QSqlQueryModel
{
    Q_OBJECT
public:
    explicit PageModel(QObject *parent = nullptr);

    enum Roles
    {
        idRole= Qt::UserRole+1,
        urlRole,
        nameSiteRole,
        screenRole
    };

    Q_INVOKABLE QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const;
    Q_INVOKABLE QVariantMap get(int idx) const;

signals:

protected:
    QHash<int,QByteArray> roleNames()const;

public slots:
    void updateModel();
    int getId(int row);
};

PageModel.cpp

PageModel::PageModel(QObject *parent) : QSqlQueryModel (parent)
{
    this->updateModel();
}

QVariant PageModel::data(const QModelIndex &index, int role) const
{
    int columnId = role - Qt::UserRole - 1;
    // Создаём индекс с помощью новоиспечённого ID колонки
    QModelIndex modelIndex = this->index(index.row(), columnId);

    /* И с помощью уже метода data() базового класса
     * вытаскиваем данные для таблицы из модели
     * */
    return QSqlQueryModel::data(modelIndex, Qt::DisplayRole);
}

QVariantMap PageModel::get(int idx) const
{
    QVariantMap map;
    foreach(int k, roleNames().keys()) {
        map[roleNames().value(k)] = data(index(idx, 0), k);
    }
    return map;
}

QHash<int, QByteArray> PageModel::roleNames() const
{
    QHash<int, QByteArray> roles;
    roles[idRole]="id";
    roles[urlRole]="url";
    roles[nameSiteRole]="namesite";
    roles[screenRole]="screen";
    return roles;
}

void PageModel::updateModel()
{
    this->setQuery("select id, url, namesite, screen from openTabTable");
}

int PageModel::getId(int row)
{
    return this->data(this->index(row, 0), idRole).toInt();
}

QML

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtWebView 1.13

Item {
    id: idListView1Form
    width: 400
    height: 700

    Rectangle{
        id: rectangleForListView
        y: parent.height * 0.15
        height: parent.height * 0.7
        anchors.left: parent.left
        anchors.right: parent.right

        ListView
        {
            id: myListView1
            highlightRangeMode: ListView.StrictlyEnforceRange
            anchors.fill: parent
            orientation : ListView.Horizontal
            snapMode: ListView.NoSnap
            contentX: 100
            contentWidth: 100
            model: page_model

            delegate:ItemDelegate
            {
                id: itemDelegate
                width : myListView1.width < myListView1.height ? myListView1.width * 0.7 : myListView1.height * 1
                height: myListView1.width < myListView1.height ? myListView1.width * 1 : myListView1.height * 0.7
                Rectangle
                {

                    WebView1
                    {
                        id:webView
                    }

                    anchors.fill: parent
                    anchors.leftMargin: myListView1.width * 0.06
                    Label
                    {
                        id:site_name
                        anchors.top: parent.top
                        anchors.centerIn: parent
                        text: namesite
                    }

                    Rectangle {
                        id: rec1
                        color: "grey"
                        anchors
                        {
                            top:site_name.bottom
                            left: parent.left
                            right:parent.right
                            bottom:parent.bottom
                        }
                        Label
                        {
                            anchors.centerIn: parent
                            text: url
                        }
                    }


                }
                MouseArea
                {
                    id: ma_click
                    anchors.fill: parent
                    onClicked:
                    {
                        webView.url=url
                        stack.push(webView)
                    }
                }
            }
        }
    }
}

Я не уверен, но думаю. что можно ещё переписать метод setData в QSqlQueryModel, в котором записывать данные в базу данных и сразу делать апдейт модели после записи данных в базу данных. Тогда проблема с перезатиранием данных в делегатах будет уже менее актуальна.

Также, как вы и сказали, что данные нужны только при старте, то я бы попробовал написать обычную модель данных. в функции main, забирал бы данные из базы данных в вектор, которые бы устанавливал в ту модель. Тогда уже данные не будут так зависимы от базы данных, как было поначалу.

Ещё можно попробовать с помощью QVariantMap протолкнуть данные до QML и там уже записать в QML модель данных.

Ещё можно попробовать взять данные из базы данных прямо в QML

import QtQuick 2.0

Rectangle {
    color: "white"
    width: 200
    height: 100

    Text {
        text: "?"
        anchors.horizontalCenter: parent.horizontalCenter
        function findGreetings() {
            var db = openDatabaseSync("QDeclarativeExampleDB", "1.0", "The Example QML SQL!", 1000000);

            db.transaction(
                function(tx) {
                    // Create the database if it doesn't already exist
                    tx.executeSql('CREATE TABLE IF NOT EXISTS Greeting(salutation TEXT, salutee TEXT)');

                    // Add (another) greeting row
                    tx.executeSql('INSERT INTO Greeting VALUES(?, ?)', [ 'hello', 'world' ]);

                    // Show all added greetings
                    var rs = tx.executeSql('SELECT * FROM Greeting');

                    var r = ""
                    for (var i = 0; i < rs.rows.length; i++) {
                        r += rs.rows.item(i).salutation + ", " + rs.rows.item(i).salutee + "\n"
                    }
                    text = r
                }
            )
        }
        Component.onCompleted: findGreetings()
    }
}

Тогда манипуляций в C++ делать не нужно будет.

благодарю, интересное решение