jquery easyui datagrid 获取Checked选择行(勾选行)数据

最新推荐文章于 2021-08-03 14:35:32 发布
转载 最新推荐文章于 2021-08-03 14:35:32 发布 · 2.3k 阅读 · 2

本文介绍了如何使用getSelected, getSelections及getChecked方法来获取表格中选中或勾选的行数据。getSelected用于获取首个选中行；getSelections获取所有选中行；getChecked则用于获取所有勾选行。
getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。
getSelections：取得所有选中行数据，返回元素记录的数组数据。

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

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

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

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

EasyUI Jquery 学习笔记 ——DataGrid（数据网格）与 Tree（树）详细版
cccloveforever的博客
04-13 2958
数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid）的设计目的是为了减少开发时间，且不要求开发人员具备指定的知识。它是轻量级的，但是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。
JqueryEasyUI修改DataGrid使其支持多选框
yx017893的专栏
10-03 6942
最近研究JqueryEasyUI插件,用它的DataGrid来实现管理员权限管理的功能,但是在权限设置的时候用它提供的ComboBox发现有个BUG,那就是在点编辑的载入数据的时候莫名其妙的多了两个",," 干脆就自己用checkbox写个权限管理功能出来吧. 首先我有一个权限
jquery中datagrid中getSelected和getSelections的用法
Afterhuhu的博客
06-18 1903
jquery中datagrid中getSelected和getSelections的用法 说明data是table表格的某一列的id 选中一行： var get = $("#dg").datagrid(“getSelected”); 获取列值：get.data， 选中多行： 遍历多行的数据 var get = $("#dg").datagrid(“getSelections”); for(var i=0;i<get.length;i++) { var data = get[i].data; } ..
easyUI踩坑getSelections、getChecked
weixin_48518371的博客
11-03 1244
easyUI踩坑getSelections、getChecked 问题：我开始是采用getSelections ，然后复选框一顿勾选，控制台打印其长度都是0.我就怀疑难道我没选中？后来仔细看了官方文档发现猫腻，如下： getChecked 在复选框被选中的时候返回所有行。 getSelections 返回所有被选中的行，当没有记录被选中的时候将返回一个空数组。 所以getSelections 是你只要点击了datagrid里面的行(单次，双次取消)就被选中了。而getChecked 只会选中你勾选的复选框的
bootstrapTable多选getSelections
热门推荐
qiankuang7670的博客
08-21 1万+
bootstrapTable多选 $("#btn_print").click(function(){ var a= $("#showTable").bootstrapTable('getSelections'); if(a.length&lt;=0){ textModal("请选择一行"); return; }else { ...
jquery easyui datagrid的getSelections问题
broucetrong的博客
03-23 1242
今天在用datagrid时偶然发现一个小问题，问题如下：  在使用getSelections这个方法时，不管我选择几行内容返回的值总是1行数据，于是跟踪了一下easyui的源码，  Java代码   var opts=$.data(_48a,"datagrid").options;      var data=$.data(_48a,&qu
Easyui的 datagrid getSelections只能获取表格中的一行数据
最前沿的IT知识分享
04-25 1258
错误原因： var rows = $("#List").datagrid("getSelections"); alert(rows.length)取出来的的数据长度为一条解决方案：datagrid属性：idField: 'id',//必须要写并且必须要是你数据中的id列名,改好即可获取多条数据。 $('#List').datagrid({ url: '/User/G...
【JQuery EasyUI DataGrid事件处理】：掌握常见事件与自定义事件的秘密
JQuery EasyUI DataGrid是一种流行的前端UI组件，用于构建交互式的表格数据展示界面。本文首先介绍DataGrid的基本概念和特点，接着深入探讨了DataGrid的基础事件，包括加载事件、行操作事件以及选择事件的详细解析，...
Easyui笔记2：实现datagrid多行删除的示例代码
11-26
EasyUI是一个基于jQuery的轻量级前端框架，它提供了一系列的组件，包括Datagrid，用于展示和操作表格数据。在开发前端界面时，有时我们需要提供一个功能，让用户能够选择多行数据并一次性删除。 在尝试实现这一功能...
easyUI中datagrid中getSelected和getSelections的用法
l_degege的专栏
09-17 1万+
注：https://www.cnblogs.com/FTDtt/p/4754660.html
EasyUi datagrid 中getSelections选中多行取不到多行值
G_whang的博客
09-12 2410
var selected = $(’#test’).datagrid(‘getSelections’) 设置singleSelect为false,可以选择多行，但是选中多行数据只获取到了一行的值 解决方法：把idField:‘uuid’ 给注释掉即可 同时getChecked的idField属性注掉，也可以获取到多行的值了。 getSelected：取得第一个选中行数据，如果没有选中行，则返回 n...
datagrid("getSelections")只获取一行
weixin_33831673的博客
12-05 739
页面加载方法如下 function loadSfXtjsList(sfXtjsListId, url, onClickFun) { $("#eastPanel").panel({ onCollapse: function() { window.isExpandEast = true; } }) $...
easyui datagrid插件的getChecked方法，只能获取一行
鱼吾的博客
04-26 1万+
easyui手册对getChecked的方法解释： getChecked none 返回复选框选中的所有行。该方法自版本 1.3 起可用。 若该方法只能获取到一行数据，则可能是 datagrid的 idField属性未设置或设置了不存在的列field属性。
datagrid getSelections只能获取一行
一只喜欢学习的猪仔
08-17 4147
datagrid要批量导出EXCEL，可以让用户自己选择要导出的数据。勾选多条后 var selected =$(“#assetMaintenanceTable”).datagrid(‘getSelections’); alert(selected.length)提示只有一条数据。datagrid属性：idField:’sbid’,//必须要写，并且不能写错，否则导出EXCEL的时候getSel
EasyUI（DataGrid）
qq_43330631的博客
09-23 187
DataGrid表格 数据绑定 分页 增删改查 搜索 ============================== DataGrid表格 在新页面只先用布局。 1.1 关键属性：列 columns $(’#dg’).datagrid({ url : ‘xxx.do’, columns : [[｛ //第一个列 field : ‘编号’, title : ‘书本ID’， width :...
easyUI datagrid的一些问题
b0303的博客
08-03 282
关于datagrid表格的一些适用性的小功能点： 1.列隐藏 $('表格ID').datagrid('hideColumn','索要隐藏的字段'); 2.合计总数（单独一行） var tre = 0，tres = 0，tat = 0，heji = "合计:"; $('表格ID').datagrid('appendRow', { contracttotal: '合计', costamount: tres, pasunmsurplus: tat,aa:"123"}); 3.获取treegrid选..
jQuery EasyUI DataGrid Checkbox 数据设定与取值
架构设计
07-14 848
纯粹做个记录，以免日后忘记该怎么设定。 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式，以及在既有数据下将 checked 为 true 的该笔数据列的 Checkbox 设定为 Checked，另外就是两种 Checkbox 设定方式下如何取得有勾选的数据。 有关 jQuery EasyUI DataGrid 的相关资料，可以前往...
jQuery EasyUI datagrid数据动态加载示例解析
url: 'your_data_fetching_endpoint', // 数据获取的服务器端点 data: { // 传递当前的数据加载状态 page: datagrid.pagination.page + 1, rows: datagrid.pagination.rows }, dataType: 'json', success: ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值