Set QML Property from another QML - qt

Question

I have 2 qml files.
I want to set 2nd qml fromperty from the 1st qml file.
**first.qml**
var cmponent = Qt.createComponent("second.qml");
var newObj = cmponent.createObject(swipeView);
newObj.pageIndex = i;
swipeView.insertItem(swipeView.currentIndex+i,newObj)
and insert into a SwipeView.
Where , 'pageIndex' is the integer property of 2nd qml.
In the second qml file I have a GridLayout with cells.
I need to display the cell content based on this dynamic pageIndex property
second.qml
declared the property.
property int pageIndex: 0
onPageIndexChanged:{
console.log("onPageIndexChanged :" +pageIndex)
home_grid.update()
}
The onPageIndexChanged method is triggered but, I want to set the Grid cells based on the property value.
The issue is
While initialization of the component
var cmponent = Qt.createComponent("second.qml");
the cells are loaded into the GridLayout.
How can I relead/ solve this issue.

Answer 1

I think what you want is this:
(I used my example for your fist question)
It should illustrate my comments.
Of course you can put the different views in different files. You just need to pass the same model to both, when creating the objects.
ListModel {
id: lm
ListElement { width: 40; height: 40 }
[...]
ListElement { width: 40; height: 40 }
}
SwipeView {
width: 200
height: 800
clip: true
currentIndex: 0
Repeater {
model: Math.ceil(lm.count / 6)
delegate: ListView {
width: 200
height: 800
property int viewIndex: index
model: DelegateModel {
model: lm
groups: DelegateModelGroup { name: 'filter' }
Component.onCompleted: {
for (var i = viewIndex * 6; i < lm.count && i < (viewIndex * 6) + 6; i++) {
items.setGroups(i, 1, ['items', 'filter'])
}
}
filterOnGroup: 'filter'
delegate: Rectangle {
width: 180
height: 30
border.width: 1
Text {
anchors.centerIn: parent
text: index
}
}
}
}
}
}
GridView {
clip: true
x: 300
width: 600
height: 600
model: lm
delegate: TestObj {
}
}
Here is the Code for the delegate TestObj
Rectangle {
width: model.width
height: model.height
property alias text: myText.text
Text {
id: myText
anchors.centerIn: parent
text: index
}
}
Of course you could also write:
delegate: TestObj {
width: model.width; height: model.height; text: index
}
which would minimize the dependencies of your second QML-File.