Jquery jqGrid树状体展开折叠不工作_Jquery_Json_Jqgrid_Treegrid

Jquery jqGrid树状体展开折叠不工作

jquery json jqgrid

Jquery jqGrid树状体展开折叠不工作,jquery,json,jqgrid,treegrid,Jquery,Json,Jqgrid,Treegrid,我正在尝试使用jqGrid 4.2.1设置一个树形网格，在一些工作完成后，它看起来还可以，但扩展塌陷不起作用。只有图标切换，但组保持可见设置如下所示 $("#list").jqGrid({ treeGrid: true, treeGridModel: 'adjacency', ExpandColumn: 'BreakdownTag', ExpandColCli

我正在尝试使用jqGrid 4.2.1设置一个树形网格，在一些工作完成后，它看起来还可以，但扩展塌陷不起作用。只有图标切换，但组保持可见

设置如下所示

    $("#list").jqGrid({
                treeGrid: true,
                treeGridModel: 'adjacency',
                ExpandColumn: 'BreakdownTag',
                ExpandColClick: true,
                url: '/AsyncData/Breakdown.ashx',
                datatype: 'json',
                mtype: 'GET',
                colNames: ['Superior Tag', 'Breakdown Tag', 'Tag Description'],
                colModel: [
                    { name: 'SuperiorTag', id: 'SuperiorTag', index: 0, width: 250, 
hidden: true, align: 'left', sortable: false, classes: 'indeling', title: false },
                    { name: 'BreakdownTag', id: 'BreakdownTag', index: 1, width: 250,
 align: 'left', sortable: false, classes: 'indeling', title: false, visible: false },
                    { name: 'TagDescription', id: 'TagDescription', index: 2, width: 250,
 align: 'left', sortable: false, classes: 'indeling', title: false },],
                rowNum: 20000,
                viewrecords: true,
                loadui: "disable",
                emptyrecords: "Geen data gevonden...",
                height: "100%",
                treeIcons: { leaf: 'ui-icon-document-b' },
                loadonce: true,
                hoverrows: false
 }

            });

json对象是：

    {
    "total": 1,
    "page": 1,
    "records": 3,
    "rows": [
        {
            "i": 1,
            "cell": [
                "",
                "First",
                "Description for First",
                0,
                "null",
                false,
                true,
                true
            ]
        },
        {
            "i": 2,
            "cell": [
                "First",
                "Second",
                "Description for Second",
                1,
                "First",
                false,
                true,
                true
            ]
        },
        {
            "i": 3,
            "cell": [
                "Second",
                "Third",
                "Description for Third",
                2,
                "Second",
                false,
                true,
                true
            ]
        }
    ]
}

如前所述，所有ooks都可视为ok，直到单击一个节点将其折叠（evreything显示expandend）图标切换，但行保持可见。

我现在有点不知所措…

JSON数据中有两个错误，JavaScript代码中有一个小错误

在JSON数据中，您应该使用

id

而不是

作为项id。要指定父元素，您应该使用

id

而不是'BreakdownTag'列中的值（在下面的示例中使用

而不是“Second”）：

应该固定到

{
    "id": 3,
    "cell": [
        "Second",
        "Third",
        "Description for Third",
        2,
        2,
        false,
        true,
        true
    ]
}

另外一个小JavaScript错误是在

colModel

末尾使用了尾随逗号。组合

}、]

应替换为

}]

更改后工作正常。