Javascript jqgrid中分组行折叠和扩展中的问题

我已经实现了我的JQgrid分组行折叠，如在wesite“”中一样。当页面加载时，它会折叠所有搜索数据，以便用户可以展开组并检查内容

在我的例子中，表并没有显示要展开或折叠的treeview按钮。我不知道如何展开折叠的行。请给我一些解决办法

在这里，我把我的代码也放在这里

var grid_selector = "#grid-table";
var pager_selector = "#grid-pager";

var mydata = [ {id:"1",invdate:"2010-05-24",name:"test",note:"note",tax:"10.00",total:"2111.00"} , 
            {id:"2",invdate:"2010-05-25",name:"test2",note:"note2",tax:"20.00",total:"320.00"}, 
            {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",tax:"30.00",total:"430.00"}, 
            {id:"4",invdate:"2007-10-04",name:"test",note:"note",tax:"10.00",total:"210.00"},
            {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",tax:"20.00",total:"320.00"},
            {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",tax:"30.00",total:"430.00"},
            {id:"7",invdate:"2007-10-04",name:"test",note:"note",tax:"10.00",total:"210.00"}, 
            {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"21.00",total:"320.00"}, 
            {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, 
            {id:"11",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, 
            {id:"12",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, 
            {id:"13",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, 
            {id:"14",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
            {id:"15",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, 
            {id:"16",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, 
            {id:"17",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, 
            {id:"18",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
            {id:"19",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, 
            {id:"21",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, 
            {id:"22",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, 
            {id:"23",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, 
            {id:"24",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
            {id:"25",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, 
            {id:"26",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
            {id:"27",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
            {id:"28",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
            {id:"29",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"} ]; 


jQuery(grid_selector).jqGrid({ 
        data: mydata, 
        datatype: "local", 
        height: 'auto', rowNum: 30,
        rowList: [10,20,30], 
        colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
        colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, 
        {name:'invdate',index:'invdate', width:90, sorttype:"date", formatter:"date"},
        {name:'name',index:'name', width:100, editable:true}, 
        {name:'amount',index:'amount', width:80, align:"right",sorttype:"float", formatter:"number", editable:true}, 
        {name:'tax',index:'tax', width:80, align:"right",sorttype:"float", editable:true}, 
        {name:'total',index:'total', width:80,align:"right",sorttype:"float"}, 
        {name:'note',index:'note', width:150, sortable:false} ], 


pager: pager_selector, 
viewrecords: true, 
sortname: 'name', 
grouping:true, 
groupingView : { groupField : ['name'], groupColumnShow : [true], 
groupText : ['<b>{0} - {1} Item(s)</b>'],
groupCollapse : true, 
groupOrder: ['desc'] }, 
caption: "Initially hidden data" 

});

var grid_选择器=“#grid table”；
var pager_选择器=“#网格寻呼机”；
var mydata=[{id:“1”，invdate:“2010-05-24”，name:“test”，note:“note”，tax:“10.00”，total:“2111.00”}，
{id:“2”，invdate:“2010-05-25”，name:“test2”，note2，tax:“20.00”，total:“320.00”}，
{id:“3”，invdate:“2007-09-01”，name:“test3”，note3，tax:“30.00”，total:“430.00”}，
{id:“4”，invdate:“2007-10-04”，name:“test”，note:“note”，tax:“10.00”，total:“210.00”}，
{id:“5”，invdate:“2007-10-05”，name:“test2”，note2，tax:“20.00”，total:“320.00”}，
{id:“6”，invdate:“2007-09-06”，name:“test3”，note3，tax:“30.00”，total:“430.00”}，
{id:“7”，invdate:“2007-10-04”，name:“test”，note:“note”，tax:“10.00”，total:“210.00”}，
{id:“8”，invdate:“2007-10-03”，name:“test2”，note2，amount:“300.00”，tax:“21.00”，total:“320.00”}，
{id:“9”，invdate:“2007-09-01”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“11”，invdate:“2007-10-01”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“12”，invdate:“2007-10-02”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“13”，invdate:“2007-09-01”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“14”，invdate:“2007-10-04”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“15”，invdate:“2007-10-05”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“16”，invdate:“2007-09-06”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“17”，invdate:“2007-10-04”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“18”，invdate:“2007-10-03”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“19”，invdate:“2007-09-01”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“21”，invdate:“2007-10-01”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“22”，invdate:“2007-10-02”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“23”，invdate:“2007-09-01”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“24”，invdate:“2007-10-04”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“25”，invdate:“2007-10-05”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“26”，invdate:“2007-09-06”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“27”，invdate:“2007-10-04”，name:“test”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“28”，invdate:“2007-10-03”，name:“test2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“29”，invdate:“2007-09-01”，name:“test3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}]；
jQuery（grid_选择器）.jqGrid（{
数据：mydata，
数据类型：“本地”，
高度：“自动”，行数：30，
行列表：[10,20,30]，
colname:['Inv No'，'Date'，'Client'，'Amount'，'Tax'，'Total'，'Notes'，]，
colModel:[{name:'id'，index:'id'，width:60，sorttype:“int”}，
{名称：'invdate'，索引：'invdate'，宽度：90，排序类型：“date”，格式化程序：“date”}，
{name:'name'，index:'name'，宽度：100，可编辑：true}，
{name:'amount'，index:'amount'，width:80，align:“right”，sorttype:“float”，格式化程序：“number”，可编辑：true}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：“right”，排序类型：“float”，可编辑：true}，
{名称：'total'，索引：'total'，宽度：80，对齐：“right”，排序类型：“float”}，
{name:'note'，index:'note'，width:150，sortable:false}，
寻呼机：寻呼机选择器，
viewrecords：是的，
sortname:'名称'，
分组：对，
groupingView:{groupField:['name']，groupColumnShow:[true]，
groupText:['{0}-{1}项]，
群体崩溃：是的，
groupOrder:['desc']}，
标题：“最初隐藏的数据”
});

对不起，我无法重现这个问题。有效。

JQgrid版本是否存在任何依赖关系，或者我是否需要包含任何javascript库来获取treeview按钮？？？？？我使用的是jqGrid 4.5.2version@user2955338：jqGrid只需要jQuery.js和jQuery UI css（请参阅我的演示或示例的源代码）