测试jqGrid的TreeGrid,使用左右值树的方式

<script type="text/javascript">

$(function(){

var result=[
  {id:1,name:'Cash',num:'100', debit:"400.00", credit:"250.00", balance:"150.00", lft:"1", rgt:"8",level:"0",isLeaf:"false",expanded:"false"},
  {id:2,name:'Cash 1',num:'1', debit:"300.00", credit:"200.00", balance:"100.00", lft:2, rgt:5,level:1,isLeaf:false,expanded:false},
  {id:3,name:'Sub Cash 1',num:'1', debit:"300.00", credit:"200.00", balance:"100.00", lft:3, rgt:4,level:2,isLeaf:true,expanded:false},
  {id:4,name:'Cash 2',num:'2', debit:"100.00", credit:"50.00", balance:"50.00", lft:6, rgt:7,level:1,isLeaf:true,expanded:false},
];
  var mdatastr={"page":1,"records":8,"total":1,"rows":result};
$("#treegrid2").jqGrid({
treeGrid:true,
treeGridModel:"nested",
ExpandColumn:"name",
datatype:"jsonstring",
datastr:mdatastr,
caption:"nested Demo",
//      colNames:["id","Account","Acc Num", "Debit", "Credit","Balance"],
      colModel:[
         {name:'id',index:'id',label:"id", width:1,hidden:true},
         {name:'name',index:'name', label:"name",width:180},
         {name:'num',index:'acc_num',label:"num", width:80, align:"center"},
         {name:'debit',index:'debit', label:"debit",width:80, align:"right"},      
         {name:'credit',index:'credit',label:"credit", width:80,align:"right"},      
         {name:'balance',index:'balance', label:"balance",width:80,align:"right"}      
      ],
   height:'auto',
   jsonReader: {
       repeatitems: false
   },
   pager : "#ptree_pager2"
});

});

</script>

<table id="treegrid2"></table>
<div id="ptree_pager2"></div>

之前请引入jqGrid,treeGrid的相关脚本,注意在result中我的第一行数据为了测试加不加"号而故意为之,测试结果为就这样也可以生成树.