1

jqGrid 4.2.1を使用してtreeGridをセットアップしようとしていますが、視覚的には問題ないように見えますが、折りたたみの展開は機能しません。アイコンのみが切り替わりますが、グループは表示されたままになります。

設定は以下の通りです

    $("#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
            ]
        }
    ]
}

前述のように、ノードをクリックして折りたたむまで（evreythingはexpandendを示します）、アイコンは切り替わりますが、行は表示されたままになります。私は今ちょっと無知です...

4

1 に答える 1

1

JSONデータには2つのエラーがあり、JavaScriptコードには1つのマイナーエラーがあります。

JSONデータでは、アイテムIDのid代わりに使用する必要があります。i親要素を指定するidには、「BreakdownTag」列の値の代わりに使用する必要があります（2以下の例では「Second」の代わりに使用してください）。

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

に修正する必要があります

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

追加のマイナーなJavaScriptエラーは、末尾のコンマの使用ですcolModel。組み合わせ},]はに置き換える必要があります}]。

変更後、デモは正しく機能します。

于 2012-03-13T06:27:38.053 に答える