2
A
回答
1
查看jqGrid事件文檔here。您可以通過在onSortCol
事件中返回'stop'
來定義您自己的排序。像這樣的東西應該工作:
onSortCol: function (index, iCol, sortorder) {
if (sortorder === "desc") {
return 'stop';
} else {
//do regular sorting.
}
}
此外,如果你這樣做對gridComplete應該隱藏下降箭頭:
gridComplete: function() {
$('.ui-grid-ico-sort.ui-icon-desc.ui-sort-ltr').hide();
}
2
在the answer我展示瞭如何改變排序圖標的可視性。我爲您修改了以前的解決方案,只顯示活動的排序圖標。
The demo演示的結果,並示出了首部是這樣的:
或該:
下面的代碼顯示的代碼的最重要的部分:
var $grid = $("#list");
$grid.jqGrid({
//... other jqGrid options
sortname: 'invdate',
sortorder: 'desc',
onSortCol: function (index, idxcol, sortorder) {
var $icons = $(this.grid.headers[idxcol].el).find(">div.ui-jqgrid-sortable>span.s-ico");
if (this.p.sortorder === 'asc') {
//$icons.find('>span.ui-icon-asc').show();
$icons.find('>span.ui-icon-asc')[0].style.display = "";
$icons.find('>span.ui-icon-desc').hide();
} else {
//$icons.find('>span.ui-icon-desc').show();
$icons.find('>span.ui-icon-desc')[0].style.display = "";
$icons.find('>span.ui-icon-asc').hide();
}
}
});
// hide initially the disaabled sorting icon
$('#jqgh_' + $.jgrid.jqID($grid[0].id) + '_' + $.jgrid.jqID(sortName) + '>span.s-ico').each(function() {
$(this).find('>span.ui-icon-' +
(sortDirection ? 'asc' : 'desc')).hide();
});
我試圖在onSortCol
開始時使用$icons.find('>span.ui-icon-asc').show();
,但在Google Chrome中存在問題,因爲show()在<span>
元素上設置了display: block
樣式。所以我只是刪除了display: none
風格。
相關問題
- 1. 只允許LeftLandscape和RightLandscape方向
- 2. iPhone - 只允許一個視圖控制器的橫向方向
- 3. Python:append()方法不允許插入排序?
- 4. 只允許1個應用程序連接到特定的WiFi
- 5. 如何允許排序gridview?
- 6. 只允許8個字符
- 7. 只允許一個腳落
- 8. 只允許1個逗號和2個小數點後
- 9. 只允許一個python腳本的1個實例
- 10. 反應增加/減少功能只允許1向上或向下
- 11. 排序嵌套列表,只允許李來witin相同的UL進行排序
- 12. 只允許從1個腳本/位置訪問文件
- 13. 只允許在UIWebView上進行方向/旋轉更改
- 14. jqGrid只允許在編輯單元格時編號
- 15. Django列表管理員允許排序反向外鍵
- 16. 只允許對UITextField
- 17. 只允許一次
- 18. 只允許上傳
- 19. 方法只允許單用戶運行
- 20. 停止JavaScript函數排隊,一次只允許一個函數
- 21. Jqgrid排序列
- 22. 允許的GridView排序ASP C#
- 23. 只允許支付寶付款重定向到一個網頁
- 24. 只允許一個文件被重定向到標準輸入
- 25. 如何在shouldAutorotate = NO時確定設備方向,只允許縱向顯示?
- 26. 我只需要允許0到999之間的值只在Jqgrid編輯表格
- 27. 1秒後允許按鍵
- 28. 尋求允許自定義排序方法的類
- 29. 與排序表克隆格允許拖動但不排序
- 30. 排序的TStringList錯誤 - 不允許操作排序列表