随笔 - 80  文章 - 0  评论 - 32  阅读 - 88285

jqgrid常见问题

1,点全选按钮,只能选中当前页,第二页第三页等都不会被选中

方案:全选后,会触发onSelectAll,同时记录所有ID,在翻页时会,在gridComplete(数据变动执行方法)里面写选中代码:

如下:

 

2.选中行,但是不勾选复选框

     beforeSelectRow: function (rowid, e) { //点击单行
                // 选中行,不勾选
                var $myGrid = $(this),
                    i = $.jgrid.getCellIndex($(e.target).closest('td')[0]),
                    cm = $myGrid.jqGrid('getGridParam', 'colModel');
                return (cm[i].name === 'cb');
            }

3.常见的几个事件说明

(1)   gridComplete:   //数据变动执行方法

(2)   onSelectAll: function (aRowids, status) { // 点击全选记录ID   aRowids行ID(只有当前页的ID集合),status 是否选中状态

(3)   beforeSelectRow: function (rowid, e) {//点击单行  rowid:行id  ,e事件

(4)   onSelectRow: function (id, isSelect, event) {  // 选择行后调用(id:行id,isSelect:是否是选中,event:事件)

(5)   loadComplete: function (data) { //数据变动不执行方法,加载的时候执行一次

(6)   ondblClickRow: function (id, rownum, colnum, event) {    // 双击表格行时调用(id:双击的行号,rownum:双击的行位置,column:双击的列)

 4.常用代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//选中行 orderIdVal行ID
$("#gridTable1").jqGrid('setSelection', orderIdVal);
 
 
 
// 选中行,不勾选
                var $myGrid = $(this),
                    i = $.jgrid.getCellIndex($(e.target).closest('td')[0]),
                    cm = $myGrid.jqGrid('getGridParam', 'colModel');
                return (cm[i].name === 'cb');
 
 
 //getDataIDs()返回当前grid里所有数据的id----当页的
        var pcallIds = $("#gridTable").jqGrid('getDataIDs');
 /总行数
        var allcount = $("#gridTable").getGridParam("records");

  

 

事件和方法说明:https://blog.csdn.net/ibenxiaohai123/article/details/106022630

多选问题参考:https://blog.csdn.net/qq_27203243/article/details/90713699

posted on   小乐丶  阅读(197)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示