<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中我的第一行数据为了测试加不加"号而故意为之,测试结果为就这样也可以生成树.