其他qml文件中定义的ListElements（ListModel）？

Question

我有一个像这样定义的功能 ListModel ：

ListModel {
    id: leftGrid
    ListElement { icon: "Images/1.png" }
    ListElement { icon: "Images/2.png" }
}

问题是我想在单独的 qml 文件中定义 ListElement 但我真的不知道该怎么做...

我这样写了 qml ：

//myWidget.qml
import QtQuick 1.0

ListElement {
    icon: "Images/X.png"
}

但我不知道如何在我的主文件中“调用”或“实例化”它...

我尝试过：

ListModel {
    id: leftGrid
    ListElement { icon: "Images/1.png" }
    myWidget //qml file
}

和：

ListModel {
    id: leftGrid
    ListElement { icon: "Images/1.png" }
    ListElement { myWidget }
}

两者都不起作用...

欢迎任何帮助，提前致谢。

Answer 1

我认为不可能将 ListElements 作为单独的文件。这是因为当您这样做时，您将隐式创建一个组件，其中包含您的内容（在本例中为 ListElement）。但是，ListModel 只能接受 ListElements 作为其子级，而不接受内部嵌套 ListElements 的组件。

然而，要动态定义模型项，您可以做的是声明一个 ListModel，然后通过一段 javascript 添加数据，例如在 Component.onCompleted 处理程序中。

如果您查看 ListModel 的 API，您会发现它有一个append() 方法等。
您可以将 JS 字典传递给此方法，它将向列表中添加一个新的 ListElement 并根据字典填充其属性。

示例：

import QtQuick 1.0

Rectangle {
    width: 360
    height: 360

    ListView {
        id:list
        anchors.fill: parent
        model: ListModel {
            ListElement { foo: "hello" }
        }
        delegate: Text {
            text: foo
            width: ListView.view.width
        }

        Component.onCompleted: {
            list.model.append({ "foo": "world" })
        }
    }
}

您的列表中将显示两个项目：“hello”和“world”