Блог

У меня проблема с автозагрузкой древовидной сетки. В настоящее время у меня есть структура глубиной всего 2 уровня.

 1
    a
    b
    c 
2
    a
  

Когда я нажимаю, чтобы развернуть узел, сетка, похоже, снова добавляет еще один экземпляр корневого узла, а также любые подузлы, которые должны были отображаться на основе выбранного корневого узла.

 1
1
    a
    b
    c
  

Вот посмотрите на XML перед выбором корневого узла:

 <?xml version="1.0" encoding="UTF-8"?>
<rows>
    <page>1</page>
    <total>1</total>
    <records>1</records>
    <row>
        <cell>1112</cell>
        <cell>Parent 1</cell>
        <cell>0</cell>
        <cell>NULL</cell>
        <cell>false</cell>
        <cell>false</cell>
    </row>
</rows>
  

И вот посмотрите на XML после выбора корневого узла:

 <?xml version="1.0" encoding="UTF-8"?>
<rows>
    <page>1</page>
    <total>1</total>
    <records>1</records>
    <row>
        <cell>1112</cell>
        <cell>Parent 1</cell>
        <cell>0</cell>
        <cell>NULL</cell>
        <cell>false</cell>
        <cell>false</cell>
    </row>
    <row>
        <cell>5207</cell>
        <cell>Child 1</cell>
        <cell>1</cell>
        <cell>1112</cell>
        <cell>false</cell>
        <cell>false</cell>
    </row>
</rows>
  

Кроме того, вот моя конфигурация:

 $(document).ready(function(){
    $("#gReport").jqGrid({
        treeGrid: true,
        treeGridModel: 'adjacency',
        ExpandColumn: 'company',
        url: document.forms['frmReport'].elements['gaddr'].value,
        datatype: 'xml',
        mtype: 'GET',
        colNames: ["ID", "Company"],
        colModel: [
            {name: 'id', index: 'id', width: 1, hidden: true, key: true},
            {name: 'company', index: 'company', width: 40, hidden: false, sortable: true}
        ],
        rowNum: -1,
        width: 980,
        height: 'auto',
        pager: false,
        caption: ''
    }),
});
  

Мы были бы очень признательны за любую помощь.
Спасибо.
-крис

Поведение, которое вы описали, действительно забавно! Проблема в том, что дочерний узел «Child 1» не помечен как конечный (строка <cell>false</cell> после <cell>1112</cell> является значением isLeaf). Таким образом, после того, как пользователь нажмет на «Дочерний элемент 1», должны быть показаны все его дочерние элементы. Поскольку значение для столбца «загружено» не определено в ваших входных данных, древовидная сетка пытается загрузить дочерние узлы узла «Child 1» с id = 5207 с сервера. Итак, запрос на тот же URL с дополнительными параметрами

nodeid = 5207 amp;parentid = 1112 amp;n_level = 1

будет выполнено. Поскольку ваш сервер просто игнорирует параметры и возвращает те же XML-данные, вы видите сумасшедшую картинку

(Смотрите демонстрацию здесь). Чтобы устранить проблему, вы должны либо пометить узел «Дочерний 1» как конечный:

 <row>
    <cell>5207</cell>
    <cell>Child 1</cell>
    <cell>1</cell>
    <cell>1112</cell>
    <cell>true</cell> <!-- here the "false" was changed to "true" -->
    <cell>false</cell>
</row>
  

и получите следующую древовидную сетку

(смотрите демонстрацию здесь) или добавьте дополнительные данные в XML-файл для столбца «loaded» со значением «true»:

 <row>
    <cell>1112</cell>
    <cell>Parent 1</cell>
    <cell>0</cell>
    <cell>NULL</cell>
    <cell>false</cell> <!-- is leaf -->
    <cell>true</cell>  <!-- should be expanded -->
    <cell>true</cell>  <!-- is loaded -->
</row>
<row>
    <cell>5207</cell>
    <cell>Child 1</cell>
    <cell>1</cell>
    <cell>1112</cell>
    <cell>false</cell> <!-- is leaf -->
    <cell>false</cell> <!-- should be expanded -->
    <cell>true</cell>  <!-- is loaded -->
</row>
  

и получите сетку

(смотрите демонстрацию здесь). Я бы рекомендовал вам любым способом включить значение «true» для столбца «loaded». Дополнительным преимуществом, которое вы получаете, является то, что вы сможете расширять любой узел во время загрузки. Например, в последней демонстрации я установил значение «true» в столбце «expanded» для корневого узла, поэтому он будет расширен во время загрузки.