Вопросы Теги

Treegrid с данными JSON в jqgrid

Я тестирую деревья в jqgrid, пока что я могу создать только что-то вроде ниже

enter image description here

I хочу иметь что-то вроде демонстрационной страницы jqGrid

Я придумал следующий код, но не знаю, как мне расширять каждую строку в дереве из данного формата json 

$('
').appendTo('#topics'); var grid = jQuery("#list2"); grid.jqGrid({ datastr:topicjson, datatype: "jsonstring", height: "auto", pager: false, loadui: "disable", colNames: ["id","Items","url"], colModel: [ {name: "id",width:1,hidden:true, key:true}, {name: "elementName", width:150, resizable: false}, {name: "url",width:1,hidden:true} ], treeGrid: true, caption: "jqGrid Demos", ExpandColumn: "elementName", autowidth: true, //width: 180, rowNum: 200, //ExpandColClick: true, treeIcons: {leaf:'ui-icon-document-b'}, jsonReader: { repeatitems: false, root: "response" } });

Формат Json 

var topicjson={
    "response": [
                 {
                     "id": "1",
                     "elementName": "Grouping",
                     "sub": [
                         {
                             "subelementName": "Simple Grouping"
                         },
                         {
                             "subelementName": "May be some other grouping"
                         }
                     ]
                 },
                 {
                     "id": "2",
                     "elementName": "CustomFormater",
                     "sub": [
                         {
                             "subelementName": "Image Formatter"
                         },
                         {
                             "subelementName": "Anchor Formatter"
                         }
                     ]
                 }
             ]
         };

6
задан 21 July 2011 в 07:21
поделиться