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错误 - 不允许操作排序列表