JqGrid学习总结_10 标题栏的checkbox，全选全不选

最新推荐文章于 2023-05-03 09:09:34 发布

转载最新推荐文章于 2023-05-03 09:09:34 发布 · 4.3k 阅读

文章标签：

#jqgrid

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

jqGrid

2 篇文章

订阅专栏

本文详细介绍了 JqGrid 中多选功能的实现方式，包括如何通过设置 multiselect 属性启用多选功能，触发 onSelectAll 事件的时机及使用方法，以及如何通过 resetSelection 和 setSelection 方法来控制界面上的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、当在JqGrid表格属性中设置了multiselect：true，这时会在每一行前面出现checkbox
2、而在点击栏的checkbox时，表格全选或全部选，这时触发的事件是onSelectAll
    onSelectAll:function(rowids,statue){
             //函数里做自己的处理
                };
   rowids:表示表格的所有行Id，即设置了key=true的那一列的值，如果设置了多列的                     key=true，那么只选取第一个
   statue：true/false,如果全选则为true，全不选则为false

注意：在很多方法中获得行ID，其实是获取列属性中Key=true的那一列的值，一般设置ID那一列的key=true，也可以根据自己需求设置
JqGrid  ColModel属性说明 http://www.qinbin.me/jquery-colmodel-property-description/

3、清空界面上选中的选项调用 resetSelection方法：
  resetSelection方法：即让界面上选中的选项变成未选中，未选中的选项状态不改变
  官网：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods

4、选择某一行调用 setSelection方法：
   setSelection方法：就是反选，若此行选中则变为非选中状态，若此行未选中则变为选中状态
   $("#editgrid").setSelection(rowId);
   官网：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods
   在处理界面上的选中问题，可以先调用resetSelection方法，将界面的选中状态情况，再根据条件调用
     $("#editgrid").setSelection(rowId);

5、下面的语句也可以让某一行处于选中状态，id为行id（可以用谷歌调试工具常看行         id）
$("#editgrid").find("input[id='jqg_"+"editgrid_"+rowIds[k]+"']").attr("checked",true);
 这种方法并不常用，主要是因为这种选中并不是选中了行，而只是使行的checkbox处于选中状态，没有触发jqGrid自带的方法