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我玩更多的顏色漸變效果。