将 QStandardItemModel 从 C++ 传递到 QtQuick / QML TableView 并显示它

Question

我目前正在尝试将 QStandardItemModel 传递给 QtQuick TableView 然后显示它。这基本上是我的代码（只是一个简化的摘录，所以我希望我没有在这里添加任何额外的错误）。

C++/Qt 部分：

foo.cpp

[...]

QStandardItemModel *Foo::getModel()
{
    QStandardItemModel *model = new QStandardItemModel(this);
    QList<QStandardItem*> standardItemList;

    QList<QString> data;
    data.append("Cat");
    data.append("Dog");
    data.append("Mouse");

    foreach (QString cell, comInputData->getHeadings()) {
        QStandardItem *item = new QStandardItem(cell);
        standardItemList.append(item);
    }

    // we only add one row here for now; more will come later
    model->appendRow(standardItemList);
    standardItemList.clear();
    return model;
}

[...]

main.cpp

Foo f;
QQmlApplicationEngine engine;
engine.rootContext()->setContextProperty("myModel", f.getModel());
engine.load(QUrl(QStringLiteral("qrc:///InputView.qml")));

QtQuick / QML 部分：

InputView.qml

TableView {
    id: monitorInputVectorsTable
    [... positioning and sizing ...] 
    model: myModel
}

我想，我仍然缺少 QML 部分中的一些重要部分，是吗？我发现了一些这样的内联模型定义示例：

ListModel {
    id: libraryModel
    ListElement{ title: "A Masterpiece" ; author: "Gabriel" }
    ListElement{ title: "Brilliance"    ; author: "Jens" }
}

...以这种方式显示（在TableView-item中添加了以下内容）：

TableViewColumn{ role: "title"  ; title: "Title" ; width: 100 }
TableViewColumn{ role: "author" ; title: "Author" ; width: 200 }

我的猜测：我也需要添加这样的一行。但是，我不知道从 C++ QStandardItemModel 那里获得角色？甚至有必要设置角色吗？至少带有“经典”QTreeView 的 QWidgets 示例只是设置了模型，一切都很好......

Answer 1

您可以继承 QStandardItemModel 并重新实现 roleNames() 以定义您想要的角色名称：

#include <QStandardItemModel>

class MyModel : public QStandardItemModel
{

public:

    enum Role {
        role1=Qt::UserRole,
        role2,
        role3
    };


    explicit MyModel(QObject * parent = 0): QStandardItemModel(parent)
    {
    }
    explicit MyModel( int rows, int columns, QObject * parent = 0 ): QStandardItemModel(rows, columns, parent)
    {
    }

    QHash<int, QByteArray> roleNames() const
    {
         QHash<int, QByteArray> roles;
         roles[role1] = "one";
         roles[role2] = "two";
         roles[role3] = "three";

         return roles;
    }
};

添加项目后，您可以为模型设置数据，例如：

model->setData(model->index(0,0), "Data 1", MyModel::role1);
model->setData(model->index(0,1), "Data 2", MyModel::role2);
model->setData(model->index(0,2), "Data 3", MyModel::role3);

现在在 qml 中，您可以通过角色名称访问不同的列：

TableView {

    TableViewColumn {title: "1"; role: "one"; width: 70 }
    TableViewColumn {title: "2"; role: "two"; width: 70   }
    TableViewColumn {title: "3"; role: "three"; width: 70 }

    model: myModel

}

Answer 2

在我的情况下（Qt 5.5），像 Nejats 回答中那样向模型添加数据不起作用。必须按如下方式添加数据：

QStandardItem* it = new QStandardItem();
it->setData("data 1", MyModel::role1);
it->setData("data 2", MyModel::role2);
it->setData("data 3", MyModel::role3);
model->appendRow(it);

下面是带有此修改的 Nejat 答案的完整示例（也可在此处获得：https://github.com/psimona/so-qt-QStandardItemModel-Example）

main.cpp

#include <QApplication>
#include <QQmlApplicationEngine>
#include <QtQml>

// QStandardItemModel derived class
#include <QStandardItemModel>
class MyModel : public QStandardItemModel {

public:
    enum Role {
        role1=Qt::UserRole,
        role2,
        role3
    };

    explicit MyModel(QObject * parent = 0): QStandardItemModel(parent){}
    explicit MyModel( int rows, int columns, QObject * parent = 0 )
        : QStandardItemModel(rows, columns, parent){}

    QHash<int, QByteArray> roleNames() const{
         QHash<int, QByteArray> roles;
         roles[role1] = "one";
         roles[role2] = "two";
         roles[role3] = "three";
         return roles;
    }
};


// Main
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);


    MyModel* model = new MyModel;


    QStandardItem* it = new QStandardItem();
    it->setData("data 1", MyModel::role1);
    it->setData("data 2", MyModel::role2);
    it->setData("data 3", MyModel::role3);
    model->appendRow(it);

    it = new QStandardItem();
    it->setData("more data 1", MyModel::role1);
    it->setData("more data 2", MyModel::role2);
    it->setData("more data 3", MyModel::role3);
    model->appendRow(it);

    QQmlApplicationEngine engine;
    // register cpp model with QML engine
    engine.rootContext()->setContextProperty("myModel", model);

    // Load qml file in QML engine
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    return app.exec();
}

main.qml

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2

ApplicationWindow {
    title: qsTr("Hello World")
    width: 640
    height: 480
    visible: true

    TableView {

        anchors.fill: parent

        TableViewColumn {title: "1"; role: "one"; width: 150 }
        TableViewColumn {title: "2"; role: "two"; width: 150   }
        TableViewColumn {title: "3"; role: "three"; width: 150 }

        model: myModel

    }
}