datagrid全选
表格
<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全选相关推荐
- DataGrid 的 全选/取消全选 控制(CheckBox)
DataGrid控件: <Columns> <asp:TemplateColumn> <HeaderStyle Width=" ...
- MVVM框架下,WPF实现Datagrid里的全选和选择
最近的一个项目是用MVVM实现,在实现功能的时候,就会有一些东西,和以前有很大的区别,项目中就用到了常用的序号,就是在Datagrid里的一个字段,用checkbox来实现. 既然是MVVM,就要用到 ...
- easyui datagrid reload后自动全选解决
easyui datagrid reload(刷新)后自动全选了 // 加载成功后 onLoadSuccess:function(){ dg.datagrid("uncheckAll&quo ...
- easyui datagrid 控件全选
easyui datagrid 控件全选 在datagrid控件中全选功能都是easyUI给做好的,只需要将负责全选的复选框设置下面的这个属性为false属性即可全部选中 singleSelect:f ...
- easyUI table datagrid 选中取消全选触发事件
业务中可能会需要实时的监听表格中的行勾选事件来实现一些需求,根据 easyUI 绑定table id,datagrid 选中取消全选触发事件. 需要注意的是,将.datagrid方法放在$(funct ...
- 列表CheckBox全选 结合DataGrid 进行删除操作
//CheckBox全选 function CA() { var frm=document.Form1; alert(frm) for (var i=0;i<frm.el ...
- wpf--------------datagrid全选反选 多选进行删除操作 前后台
前台绑定 <DataGrid.Columns><DataGridTemplateColumn ><DataGridTemplateColumn.HeaderTemplat ...
- easyui中checkbox全选全不选的时不处理最后一行的实现
有这样一个需求, easyui加载datagrid后, 最后一行为统计行, 在进行全选全不选的时候会将统计行也一并选择, 这跟业务不相符, 琢磨了半天后终于找到了解决方案 1.首先记录下统计功能的实现 ...
- Easyu问题解决记录——datagrid多选bug
问题记录 easyui的datagrid在开启checkbox的情况下,用户重复点击标题栏的复选框来实现全选和取消全选.以及多次选中行和取消选中行时.easyui记录的当前的选中记录与实际展示出来的情 ...
最新文章
- 还应该如何实现“模板化函数指针”?
- POJ1087DFS+匈牙利或者DINIC
- 信任与信誉对电子服务的重要性
- gruntjs开发实例
- python3 for_Python3: for 表达式
- SpringBoot声明式事务
- “AI+医疗”时代来临,我们还需要医生吗?
- GNS3全面详解系列-GNS3的前世今生
- 请问如何获取字符串在数组中的位置
- [短评]什么是大教堂与集市(和谐)
- 物联网平台发展前景如何快速发展
- 关于字符 字节 python3
- 为何区块链能成为金融行业的香饽饽?只因这5个关键因素!
- 安卓加密软件_视频加密后如何播放?加密视频如何播放?
- 10-新闻发布系统数据库-新闻管理数据操作
- 通过PS制作逼真的车窗玻璃雨滴效果
- Shader GrabPass应用实例——实现扭曲效果
- Java如何调用芝麻信用分?
- 用WeX5制作PPT
- Arduino小白的学习历程