EasyUi使用datagrid取选中行的数据和行值

最新推荐文章于 2024-07-25 09:32:15 发布
原创 最新推荐文章于 2024-07-25 09:32:15 发布 · 1.2w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用EasyUI Datagrid插件选中特定行，并获取该行的数据及所在行数。通过jQuery方法，可以轻松实现对选中行的ID值获取和行数定位。

选中行的数据

var row = $(#id).datagrid('getSelected');

使用可以直接 row.id取ID值

选中行的，所在行数，

var index=$(#id).datagrid('getRowIndex',serviceDataGrid.datagrid('getSelected'));

也就是 第0行、第1行、第2行……
也会使用到的，在弹出第二个页面后关闭，使用到过

Wu_Application
关注
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
10-21
2. `onLoadSuccess`: 当数据加载成功后，我们遍历`idsArray`，根据商品ID找到新的数据页中的对应行，并通过`datagrid('selectRow', index)`选中这些行。 3. `onUncheck`: 当用户取消选中某行时，我们需要从`idsArray...
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
11-28
本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考，具体如下： 方法很简单，我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示： //事件 onLoadSuccess:...
easyui中datagrid获取行数据
哈利路亚的收藏夹
04-18 7979
 EasyUI中DataGrid控件获取Row数据有几种方式。var row = $('#dg').datagrid('getSelected'); // 获取选中单行var rows = $('#dg').datagrid('getSelections'); // 获取所有选中行上面两个根据DataGrid的data-option配置不同具体使用。主要是是否允许多选。一般来说都是授权多选的。...
Easyui中datagrid点击时获取所在行的数据
不积跬步，无以至千里
07-25 921
双击单元格时，获取该行的记录内容。
easyUI datagrid 取选中行id
LYBWWP
07-22 9343
var rows = $('#authority').datagrid('getSelections'); alert(rows[0].ID); if (rows.length == 1) { } else { $.messager.alert('提示', '请选择一条记录！', 'warni
easyUI数据表格datagrid翻页后默认选中第一行
steven_zhan的博客
04-20 2048
easyui-datagrid行编辑，获取每一行某列的值
studying0419的博客
11-04 7666
datagrid行编辑，获取每一行某列的值，进行判空
easyui datagrid 键盘上下控制选中行示例
09-04
在本文中，我们将深入探讨如何使用EasyUI Datagrid实现键盘上下控制选中行的功能。EasyUI是一个基于jQuery的UI库，提供了丰富的组件，包括Datagrid，它是一个强大的数据表格组件，支持各种操作如分页、排序、过滤等...
easyui datagrid在编辑状态下更新列的值
06-17
在使用EasyUI框架开发Web应用时，Datagrid组件是一个非常重要的元素，它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中，我们关注的是如何在Datagrid的编辑模式下动态地...
调用EasyUI控件实现下拉框选值切换DataGrid中的记录
技术黑板
01-24 5095
廊坊组织部的年终绩效考核系统，用户想在下面这个页面加上一个下拉框，筛选手误录入错误的数据，接手10天，终于实现这一需求，豁然开朗！         刚调代码时，庞然一个系统摆在面前，虽然是三层的，没有使用框架，但U层看起来还是着实有些"臃肿"，可能是B/S的项目接触的少，感觉界面比C/S的难画多了，尤其是添加了EasyUI前台框架，对调试来说是雪上加霜
EasyUI中datagrid获取选择行的相关总结
lkforce
08-16 6719
首先是一点基础 datagrid对行的选择有两种方式：复选框和选择行 1，复选框是这样的： EasyUI会提供表头的全选打钩功能，不用自己额外写代码 另外easyUI提供了一个配置，可以保留翻页之前打的钩，比如在第一页上勾选几行，然后翻页，当你再翻回第一页的时候，之前打的几个钩还在（按需使用，因为页面不会告诉你在其他页面是不是打过钩） 2，选择行是这样的： 图2 某一
easyui datagrid 默认选中行(3)
yb305
01-12 1万+
1.默认选中行   $('#dg').datagrid('selectRow',index);//   注释：index：当前行的索引 2.获取选中行的值     var row = $('#dg').datagrid('getSelected');   3.选中一行 datagrid属性设置 singleSelect：true;
EasyUI DataGrid加载数据时,checkbox自动选中指定几行,通过数据源data实现checkbox自动选中...
weixin_30737433的博客
08-13 756
通过分析官方源码，发现easyui的datagrid加载数据时根据行字段"checked"来进行选中状态的判定， 这样我们就可以 在datagrid数据源data中行数据增加一字段:"checked"，值设置为true即可，这样easyUI的datagrid加载数据时就会自动选中行(checkbox选中) 别慌！！！ 还有行选中效果需要实现，否则无法通过 $("...
EasyUI datagrid默认选中第一行
大智的专栏
08-13 1万+
很简单的就一句话：$('#dgList').datagrid("selectRow", 0); 但记得，放在onLoadSuccess事件里面 。 具体如下： onLoadSuccess: function (data) {     if (data.rows.length == 0) {         var body = $(this).data().datagrid.dc.body2
easyui-datagrid获取行和列数据
热门推荐
三五月儿的专栏
01-14 4万+
1、获取当前行var row = $('#dg').datagrid('getSelected');2、获取所有选中行var rows = $('#dg').datagrid('getSelections');3、获取所有行var rows = $("#dg").datagrid("getRows");4、获取行中间的某列数据ar rows = $('#dg'').datagrid('getRows
EASYUI DataGrid 获取正在编辑的行index
qq_38030465的博客
10-21 2069
EASYUI 官方没提供直接获取正在编辑行的index，但是我们可以通过正在编辑行来获取他的行号 正处于编辑的有一个class属性为 datagrid-row-editing 然后通过document.getElementsByClassName(‘datagrid-row-editing’)获取所有正在编辑的行 循环取出 所有行的行号 getAttribute(‘datagrid-row-index’); ...
使用EasyUI的datagrid实现报表统计，添加总计行,选中数据行的求和计算等
最新发布
09-14
要使用 EasyUI 的 datagrid 实现报表统计，添加总计行和选中数据行求和计算，可以参考以下方法： ### 添加总计行 可以先获取当前的数据行，然后对需要统计的列进行求和计算，最后通过 `appendRow` 方法在表格末尾添加新行显示统计信息。以下是一个示例代码： ```javascript function computeTotal() { // 获取当前的数据行 var rows = $('#dg').datagrid('getRows'); var oneptotal = 0; var twototal = 0; // 遍历每一行进行求和 for (var i = 0; i < rows.length; i++) { oneptotal += parseFloat(rows[i]['one']); twototal += parseFloat(rows[i]['two']); } // 新增一行显示统计信息 $('#dg').datagrid('appendRow', { total: '<b>总计：</b>', one: oneptotal, two: twototal }); } ``` ### 选中数据行求和计算 可以通过 `getSelections` 方法获取选中的数据行，然后对需要统计的列进行求和计算。以下是一个示例代码： ```javascript function computeSelectedSum() { // 获取选中的数据行 var selectedRows = $('#dg').datagrid('getSelections'); var selectedOneTotal = 0; var selectedTwoTotal = 0; // 遍历选中的行进行求和 for (var i = 0; i < selectedRows.length; i++) { selectedOneTotal += parseFloat(selectedRows[i]['one']); selectedTwoTotal += parseFloat(selectedRows[i]['two']); } alert('选中行的 one 列总和：' + selectedOneTotal + '，two 列总和：' + selectedTwoTotal); } ``` 在实际使用时，你可以在表格加载完成后调用 `computeTotal` 方法添加总计行，也可以通过按钮点击等事件调用 `computeSelectedSum` 方法进行选中数据行的求和计算。同时，需要确保 HTML 页面中引入了 EasyUI 和 jQuery 的相关文件，示例如下： ```html <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值