qt - 如何从JavaScript修改QML动态对象

我有描述按钮的QML文件（moduleButton.qml）：

import QtQuick 2.0
Rectangle {
    id: button;
    width: 100; height: 20
    Text {
        id: buttonText;
        text: "Hello World";
    }
}

从其他QML形式，我通过Qt.createComponent方法加载此按钮：

var moduleButton = Qt.createComponent("moduleButton.qml");
moduleButton.createObject(mainRect);

我试图设置/获取moduleButton的宽度：

moduleButton.width = 30;

但是收到以下错误：Cannot assign to non-existent property "width"

如何访问动态对象属性和子元素？

附言Qt.createQmlObject方法完美地起作用，但是我需要从文件而不是从字符串加载QML。

最佳答案

createObject()返回新对象。您的代码应如下所示：

var moduleButton = Qt.createComponent("moduleButton.qml");
var myButton = moduleButton.createObject(mainRect);

myButton.width = 40

moduleButton是一个组件（工厂），用于实例化该项目。

说明文件：
http://qt-project.org/doc/qt-5/qtqml-javascript-dynamicobjectcreation.html