如何从JavaScript修改QML动态对象

时间:2014-02-21 17:13:23

标签: qt qml

我有QML文件,它描述了button(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"

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

P.S。 Qt.createQmlObject方法完美有效,但我需要从文件加载QML,而不是从字符串加载。

1 个答案:

答案 0 :(得分:5)

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