Question

我正在尝试使用javascript，JSON数据和extjs构建一个文件浏览器类型的树结构。我正在使用的JSON数据是

[
{
    "id": "Folder One",
    "text": "<font color=\"#000000\" size=\"2\"><b>Folder One</b></font>",
    "children": [
        {
            "id": "111",
            "text": "<font color=\"#000000\" size=\"2\"><b>File1 (111)</b></font>",
            "leaf": true
        }
    ]
},
{
    "id": "Folder Two",
    "text": "<font color=\"#000000\" size=\"2\"><b>Folder Two</b></font>",
    "children": [
        {
            "id": "111",
            "text": "<font color=\"#000000\" size=\"2\"><b>File1 (111)</b></font>",
            "leaf": true
        }
    ]
}
]

通过以下代码将此JSON传递给Asynctreenode：

var   fileList =   JSON.parse(resp);
    //alert("fileList from Server : "+JSON.stringify(fileList));

asyncTree = new Ext.tree.AsyncTreeNode({
            id:'asyncTree',
            expanded: true,
            border : false,
            children: [
                       {
                           "id":"asyncTreeChild",
                           "text":"<font color=#000000 size=2><b>My Computer</b></font>",
                           children:fileList
                        }
                       ]
        });

问题是当“文件夹一”节点下的文件无法点击时。而是选择直接移动到“文件夹二”节点下的文件。节点“Folder One”和“Folder Two”也返回正确的路径。它只是“文件夹一”下无法访问的文件。有什么想法吗？

Answer 1

我发现问题是什么..孩子们的id属性是相同的，这导致了问题。将其更改为不同的值（从111到其他）解决了这个问题。

extjs 3.4无法访问树中节点的子节点

1 个答案: