jqGrid，单击列标题时在列单元格上设置bg颜色

Question

我正在使用jgGrid 3.8。我有一个问题。我想单击单元格的背景，单击列标题时。我的意思是，升序或降序数据bg颜色必须是其他列单元的不同颜色。我怎样才能做到这一点？

非常感谢。

Answer 1

您可以使用方法里面的loadComplete事件句柄。排序的数据将被载入后，事件loadComplete将被调用，数据分页后，所以它是改变基于当前的排序顺序对细胞的背景颜色的好去处：

loadComplete: function() { 
    var ids = grid.jqGrid('getDataIDs'); 
    if (ids) { 
     var sortName = grid.jqGrid('getGridParam','sortname'); 
     var sortOrder = grid.jqGrid('getGridParam','sortorder'); 
     for (var i=0;i<ids.length;i++) { 
      grid.jqGrid('setCell', ids[i], sortName, '', '', 
         {style:(sortOrder==='asc'?'background:aqua;': 
                'background:yellow;')}); 
     } 
    } 
} 

的工作例子做这个你可以看到现场here。

更新：看看modified demo也。结果似乎看起来更漂亮如前面演示：

它显示在歌剧以外所有浏览器渐变效果。在歌剧中，它与之前的演示相同。在另一个我的answer我玩更多的颜色渐变效果。