Hi there, I am trying to create a nested, tree-view like structure. I am trying to base on: http://www.codeproject.com/Articles/632795/QML-TreeModel-and-TreeView
However, I do not have QtQuick 2.0 (and the components that go with it).
Anyway, I have created the following code that... crashes both PlasMate and
plasmoidviewer with the message:
"QDeclarativeComponent: Cannot create new component instance before completing
the previous"
As soon as I comment-out the line:
model: subitems
in the Repeater element, the plasmoid "works", but obviously does not display
the sub-items.
Any suggestions?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
import QtQuick 1.1
import org.kde.plasma.components 0.1 as PlasmaComponents
Item {
width: 200
height: 300
function makeList(list, data){
// as suggested on StackOverflow
// http://stackoverflow.com/questions/5818334/qml-listview-filled-by-
// javascript
for (var t in data) {
list.append(data[t]);
console.log('+-- handling: ' + data[t].text)
}
}
ListModel {
id: theModel
}
Component {
id: recursiveToDoItem
Rectangle {
id: todoContainer
property alias text: todoText.text
property bool running: model.running
property bool done: model.done
property int index: model.index
Component.onCompleted: {
console.log('+-- handled: ' + todoContainer.text +
' as index: ' + todoContainer.index)
}
color: (todoContainer.done) ? "grey" : "white"
border {
width:1
color: (todoContainer.running) ? "green" : "red"
}
anchors {
left: parent.left
right: parent.right
}
height: todoRow.implicitHeight
Row {
id: todoRow
Text {
id: todoText
text: model.text
color: "black"
height:28
}
Repeater {
id: todoSubitems
delegate: recursiveToDoItem
model: subitems
}
}
}
}
ListView {
id: itemContainer
anchors.fill: parent
delegate: recursiveToDoItem
}
Component.onCompleted: {
makeList(
theModel,
[{
"text":"Test 1",
"elapsed":4,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
},{
"text":"Test 2",
"elapsed":26398,
"running":false,
"done":false,
"expanded":false,
"subitems":[{
"text":"Test 2.1",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
},{
"text":"Test 2.2",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
}]
},{
"text":"Test 3",
"elapsed":26398,
"running":false,
"done":false,
"expanded":false,
"subitems":[]
},{
"text":"Test 4",
"elapsed":26398,
"running":false,
"done":false,
"expanded":false,
"subitems":[{
"text":"Test 4.1",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
},{
"text":"Test 4.2",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
},{
"text":"Test 4.2",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[{
"text":"Test 4.2.1",
"elapsed":0,
"running":false,
"done":false,
"expanded":true,
"subitems":[]
}]
}]
}]
)
itemContainer.model = theModel
}
}
--
Pozdrawiam
Michał "rysiek" Woźniak
Fundacja Wolnego i Otwartego Oprogramowania
signature.asc
Description: This is a digitally signed message part.
_______________________________________________ Plasma-devel mailing list Plasma-devel@kde.org https://mail.kde.org/mailman/listinfo/plasma-devel
