2011-04-08 62 views
2

我的工作我的jqGrid的一些動態分組,每張貼在例如:http://www.trirand.com/blog/jqgrid/jqgrid.html(見樹導航最後一節:「分組:動態更改分組」的jqGrid和動態分組

我可以使我的網格動態改變分組IFF,網格最初有一個分組列,但這不是所希望的行爲,最初網格需要分組,並允許用戶分組項目,如果他們選擇

代碼如下:

function onGroupByChanged(){ 
    var vl = $('#lstGroupBy').val(); 
    if(vl) { 
     if(vl == "clear") { 
      $("#refData").jqGrid('groupingRemove',true); 
     } else { 
      $("#refData").jqGrid('groupingGroupBy', vl); 
      $("#refData").jqGrid('setGridParam', { grouping:true }); 
      $('#refData').trigger('reloadGrid'); 
     } 
    } 
} 

當我將groupingGroupBy設置爲列名(包含在'vl'中)時,我在FireBug中收到這個錯誤:無法將null轉換爲jQuery中的對象min 1.4.2

我甚至交換了我調用groupingGroupBy並將分組設置爲true。

任何人有想法?我卡住了,已經花了大約兩個小時了。

感謝, 蘭德爾

回答

0

漠視。

在我的網格的初始化初始化中,爲groupingView參數設置完整選項,同時設置分組:false取得了訣竅。

... 
    grouping: grouping, 
     groupingView : { 
      groupField : [groupColParam], 
      groupColumnShow : [true], 
      groupText : ['<b>{0}</b>'], 
      groupCollapse : true, 
      groupOrder: ['asc'], 
      groupSummary : [false] 
     }, 
... 
3
var GroupOption = new Object(); 
var groupField = []; 

groupField.push(vl); 

GroupOption.groupField = groupField; 
GroupOption.groupColumnShow = true; 
GroupOption.groupCollapse = false; 
GroupOption.groupText = ['<strong> {0} - {1} Item(s)</strong>'] 

$("#refData").setGridParam({groupingView : GroupOption}); 
$("#refData").setGridParam({grouping : true}); 
$("#refData").trigger('reloadGrid');