表格

 <c:datagrid class="easyui-datagrid" pageSize="10" pageList="15,30,50,100" pagination="false"url=""id="leftGrid" remoteSort="true" fitColumns="true" fit = "true" singleSelect="false" border="" style="height:550px;width:100%"frozenColumns="[[{title:'UUID', field:'UUID_ID',checkbox:'true',width:'100px',align:'center'}]]"><thead ><tr><th field="UUID" width="20%" align="center" hidden="hidden">UUID</th><th field="STAFF_INFO_NAME" width="20%" align="center" >姓名</th><th field="RELATION_TYPE" width="20%" align="center" >主职兼职</th><th field="STAFF_PHONE_NO" width="20%" align="center" >手机号码</th><th field="POST_NAME" width="40%" align="center" >所在岗位</th></tr></thead>
</c:datagrid>
//获取选则的数据
var selected = $("#leftGrid").datagrid("getChecked");//获取的是数组,多行数据//通过循环选中的数据,对数据进行想要的操作
if(selected.length>0) {for (var i = 0; i < selected.length; i++) {if (selected[i].CHECK_STATUS == '2') { //审核中的数据不允许操作layer.alert("状态为2的不允许操作!", {icon: 2});} else {$('#rightGrid').datagrid('appendRow', selected[i]);//把选择的数据添加到右侧gridvar rowIdex = $('#leftGrid').datagrid("getRowIndex", selected[i]);//得到索引$('#leftGrid').datagrid("deleteRow", rowIdex);//删除左侧grid中被移动的数据}}}else{layer.alert("请选择数据!", {icon: 2});}

getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。

getSelections:取得所有选中行数据,返回元素记录的数组数据。

getChecked:取得checkbox选择行的数据,返回元素记录的数组数据。

getSelected跟getSelections是选中行,而且getChecked是选择行。

选中行的意思就是,我们单击到某一个行,这个时候该行的背景色为黄色,就证明我们选中了该行。

选择行的意思就是,我们在改行放置了一个checkbox按钮,我勾选了这个按钮,因此也可以将选择行称为勾选行更贴切一些!

如果选中了多行而只获得一行,则可能是datagrid的idField属性值设置错误导致的,可修改正确或者去掉。

datagrid全选相关推荐

  1. DataGrid 的 全选/取消全选 控制(CheckBox)

    DataGrid控件: <Columns>         <asp:TemplateColumn>          <HeaderStyle Width=" ...

  2. MVVM框架下,WPF实现Datagrid里的全选和选择

    最近的一个项目是用MVVM实现,在实现功能的时候,就会有一些东西,和以前有很大的区别,项目中就用到了常用的序号,就是在Datagrid里的一个字段,用checkbox来实现. 既然是MVVM,就要用到 ...

  3. easyui datagrid reload后自动全选解决

    easyui datagrid reload(刷新)后自动全选了 // 加载成功后 onLoadSuccess:function(){ dg.datagrid("uncheckAll&quo ...

  4. easyui datagrid 控件全选

    easyui datagrid 控件全选 在datagrid控件中全选功能都是easyUI给做好的,只需要将负责全选的复选框设置下面的这个属性为false属性即可全部选中 singleSelect:f ...

  5. easyUI table datagrid 选中取消全选触发事件

    业务中可能会需要实时的监听表格中的行勾选事件来实现一些需求,根据 easyUI 绑定table id,datagrid 选中取消全选触发事件. 需要注意的是,将.datagrid方法放在$(funct ...

  6. 列表CheckBox全选 结合DataGrid 进行删除操作

    //CheckBox全选 function CA() {     var frm=document.Form1;     alert(frm)     for (var i=0;i<frm.el ...

  7. wpf--------------datagrid全选反选 多选进行删除操作 前后台

    前台绑定 <DataGrid.Columns><DataGridTemplateColumn ><DataGridTemplateColumn.HeaderTemplat ...

  8. easyui中checkbox全选全不选的时不处理最后一行的实现

    有这样一个需求, easyui加载datagrid后, 最后一行为统计行, 在进行全选全不选的时候会将统计行也一并选择, 这跟业务不相符, 琢磨了半天后终于找到了解决方案 1.首先记录下统计功能的实现 ...

  9. Easyu问题解决记录——datagrid多选bug

    问题记录 easyui的datagrid在开启checkbox的情况下,用户重复点击标题栏的复选框来实现全选和取消全选.以及多次选中行和取消选中行时.easyui记录的当前的选中记录与实际展示出来的情 ...

最新文章

  1. 还应该如何实现“模板化函数指针”?
  2. POJ1087DFS+匈牙利或者DINIC
  3. 信任与信誉对电子服务的重要性
  4. gruntjs开发实例
  5. python3 for_Python3: for 表达式
  6. SpringBoot声明式事务
  7. “AI+医疗”时代来临,我们还需要医生吗?
  8. GNS3全面详解系列-GNS3的前世今生
  9. 请问如何获取字符串在数组中的位置
  10. [短评]什么是大教堂与集市(和谐)
  11. 物联网平台发展前景如何快速发展
  12. 关于字符 字节 python3
  13. 为何区块链能成为金融行业的香饽饽?只因这5个关键因素!
  14. 安卓加密软件_视频加密后如何播放?加密视频如何播放?
  15. 10-新闻发布系统数据库-新闻管理数据操作
  16. 通过PS制作逼真的车窗玻璃雨滴效果
  17. Shader GrabPass应用实例——实现扭曲效果
  18. Java如何调用芝麻信用分?
  19. 用WeX5制作PPT
  20. Arduino小白的学习历程

热门文章

  1. 牛津初阶字典精华总结
  2. position有几种属性?
  3. 深度学习之NN(Neural Network)
  4. 低频电磁波与高频电磁波优势与劣势
  5. openwrt RK3568_EVB移植
  6. 异步爬虫(高效爬虫)
  7. WinXP系统下Opencms的安装与配置
  8. 技术实验—使用selenium打开百度搜索关键字
  9. MultipartFile转换File完整版
  10. 基于主成分分析PCA的人脸识别