How to modify QML dynamic objects from JavaScript

Question

I have QML file which describes button(moduleButton.qml):

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

From other QML form I load this button via Qt.createComponent method:

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

I tried to set/get width of moduleButton:

moduleButton.width = 30;

But received following error: Cannot assign to non-existent property "width"

How to access dynamic object attributes and child elements?

P.S. Qt.createQmlObject method perfectly works, but I need to load QML from file, not from string.

dimakin · Accepted Answer · 2025-03-06 22:13:47Z

5

createObject() returns the new object. Your code should look like this:

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

myButton.width = 40

The moduleButton is a component (a factory), used to instantiate the item.

edited Mar 6 at 22:13

dimakin

2,0583 gold badges15 silver badges28 bronze badges

answered Feb 21, 2014 at 17:37

Armaghast

7531 gold badge8 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1