jqGrid treeGrid Развернуть Свернуть не работает - PullRequest
Новая
       33

jqGrid treeGrid Развернуть Свернуть не работает

1 голос
/ 13 марта 2012

Я пытаюсь настроить treeGrid с помощью 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 visualхорошо, пока не щелкнешь по узлу, чтобы свернуть его (что-то показывает расширение) значок переключается, но строки остаются видимыми.Я сейчас немного невежественен ...

1 Ответ

1 голос
/ 13 марта 2012

Есть две ошибки в данных JSON и одна незначительная ошибка в коде JavaScript.

В JSON dada вы должны использовать 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. Комбинация },] должна быть заменена на }].

Демо работает корректно после изменений.

...