jqgrid - treegrid 예제...

    $("#treegrid").jqGrid({
            url: 'media/rpc_treedata.txt',
            datatype: 'json',
            mtype: 'POST',
            colNames: ["ID", "Description", "Total"],
            colModel: [
                {name:'id', index:'id', width:1, hidden:true, key:true},
                {name:'desc', index:'desc', hidden:false, sortable:true},
                {name:'num', index:'num', hidden:false, sortable:true}
            ],
            treeGridModel: 'adjacency',
            height: 'auto',
            width: '500',
            pager: "#ptreegrid",
            treeGrid: true,
            ExpandColumn: 'desc',
            ExpandColClick: true,
            caption: "Tree Grid Example",
            tree_root_level: 0,
            jsonReader: {
                repeatitems: false,
                id: "id",
                root: function(obj) { return obj["result"]["records"]; },
                page: function(obj) { return 1; },
                total: function(obj) { return 1; },
                records: function(obj) { return obj["result"]["records"].length; }
            },
            treeReader: {
                level_field:        "lv",
                parent_id_field:    "pt",
                leaf_field:            "lf",
                expanded_field:        "ex"
            }
        });

Data,

{
    "jsonrpc": "2.0″,
    "result": {
        "records": [
            {"id":101, "desc":"Super Item", "num":300, "lv":0, "pt":null, "lf":false, "ex":false},
            {"id":102, "desc":"Item 1"    , "num":100, "lv":1, "pt":101 , "lf":false, "ex":false},
            {"id":103, "desc":"Sub Item 1", "num":50 , "lv":2, "pt":102 , "lf":true , "ex":true},
            {"id":104, "desc":"Sub Item 2", "num":25 , "lv":2, "pt":102 , "lf":false, "ex":false},
            {"id":105, "desc":"Sub-sub 1" , "num":25 , "lv":3, "pt":104 , "lf":false, "ex":false},
            {"id":106, "desc":"Sub Item 3", "num":25 , "lv":2, "pt":102 , "lf":true , "ex":true}
        ]
    }
}