Question

我的目标是获取包含嵌套注释的json数据（如hackernews或reddit）并将其显示在我的qml应用中。我已经找到了如何从嵌套模型创建树视图： http://qt-project.org/forums/viewthread/30521

现在我试图弄清楚如何使用javascript构建嵌套模型。我需要这样的东西：

ListModel {
            id: treemodel
            ListElement { text: "Level 1, Node 1" }
            ListElement {
                text: "Level 1, Node 2"
                children: [
                    ListElement { text: "Level 2, Node 1"
                        children: [
                            ListElement { text: "Level 3, Node 1" }
                        ]
                    },
                    ListElement { text: "Level 2, Node 2" }
                ]
            }
            ListElement { text: "Level 1, Node 3" }
        }

我可以像这样在模型中添加顶级元素：

        function createCommentsModel() {
            var i = 0;
            for (i = 0; i < 5; i++) {
                treemodel.append ({
                    text: "Level 1, Node " + i
                });
            }
        }

但是如何以递归的方式将子元素添加到这些元素（以及这些子元素的子子元素等）？

Answer 1

可能有几种方法可以做到这一点，但我无法使用Qt.createQmlObject（）创建ListElement。所以我得到了elements数组中的最后一个节点，并递归地添加了子节点。

我不确定评论的格式是什么样的，但我相信通过一些修改，以下代码可以帮助您实现您想要的目标。

function createCommentsModel() {
    treemodel.append ({
        text: "Level 1, Node " + i
    });
    //Get last appended node
    var level1node = treemodel.get(treemodel.count - 1);
    //Add children recursively
    addNode(level1node, 2, 1, 3)
}    

function addNode(node, level, nodenr, maxLevel) {
    if(node === undefined || level > maxLevel) {
        return {}
    }

    node.elements.append({
                             text: "Level " + level +", Node " + nodenr,
                             elements: []
                         });
    var child = node.elements.get(node.elements.count - 1);
    var returnValue = addNode(child, level + 1, nodenr, maxLevel);
    return returnValue;
}

QML：如何用javascript创建嵌套模型？

1 个答案: