qml中json数据在传递过程中，数组变成了QQmlListModel，该如何提取里面的数据

Question

qml中json数据在传递过程中，数组变成了QQmlListModel，该如何提取里面的数据

Answer 1

引自免费微信小程序：皆我百晓生

在QML中，当JSON数据被转换为QQmlListModel时，这是因为你可能已经将JSON数组传递给了一个模型，并且QML引擎自动将其转换为一个可绑定的数据模型以供界面展示。要从QQmlListModel中提取数据，你可以通过访问模型的索引和属性来实现。

以下是一个基本示例：

// 假设你的QQmlListModel是这样的（在C++端创建并设置为context property）
ListModel {
    id: jsonDataModel
}

// 为了从QQmlListModel中提取JSON数据：
Component.onCompleted: {
    for (var i = 0; i < jsonDataModel.count; ++i) {
        var itemData = jsonDataModel.get(i)
        console.log("Item at index " + i + ": ", itemData)
        // 如果itemData是一个对象，可以这样提取属性：
        console.log("Property value: ", itemData.someProperty)
    }
}

假设JSON数据中的每个元素都是一个对象，你可以在遍历过程中根据实际的JSON结构来访问其属性。

如果你的JSON数据直接映射到ListModel的特定角色上，例如在C++中使用Q_INVOKABLE方法填充了模型，并指定了roleNames，那么在QML中提取数据的方式会略有不同：

// C++部分
class JsonModel : public QQmlListModel {
    Q_OBJECT
    Q_PROPERTY(QVariantList jsonArray READ jsonArray NOTIFY jsonArrayChanged)

public:
    JsonModel(QObject *parent = nullptr) : QQmlListModel(parent) {}

    void setJsonArray(const QVariantList &array) {
        beginResetModel();
        m_jsonArray = array;
        endResetModel();
        emit jsonArrayChanged();
    }

    QVariantList jsonArray() const { return m_jsonArray; }

private:
    QVariantList m_jsonArray;
signals:
    void jsonArrayChanged();
};

// 在QML中，假设你已经设置了context property名为jsonModel
for (var i = 0; i < jsonModel.count; ++i) {
    var itemData = jsonModel.data(jsonModel.index(i), "jsonRole")
    // 使用对应的角色名称获取数据
    console.log("Item at index " + i + ": ", itemData)
}

请注意，这里的关键是理解如何在QML中正确地与QQmlListModel交互以及JSON数据是如何映射到模型中的。你需要确保知道数据在模型中的表示方式，以便准确地提取所需信息。