datagrid获取根据逻辑更新的行

最新推荐文章于 2025-04-28 16:22:06 发布

原创最新推荐文章于 2025-04-28 16:22:06 发布 · 393 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#java #服务器 #html

收录于

文章介绍了如何利用jQuery的datagrid插件，通过getRows和getEditor方法获取并编辑表格数据。当第一行的某个值设为否时，代码会清空后续两行的相关字段。最后，通过getChanges(updated)可以获取到已更新的行信息。

dg为id
var row = $(‘#dg’).datagrid(‘getChanges’, “updated”);

为了获取根据相关业务逻辑更新的值

实现效果如下：
在这里插入图片描述
如果第一个值选择否，则需要清空下面两行的值

在这里插入图片描述

代码逻辑如下

            var rows = $("#dg").datagrid('getRows');
                for (var i = 0; i < rows.length; i++) {     
                // 关键代码在这里
                        $('#dg').datagrid('beginEdit', i);
                        var ed = $('#dg').datagrid('getEditor',{index:i,field:'indexvalue'});
                        $(ed.target).textbox('setValue', '');
                        $('#dg').datagrid("endEdit",i);
                    }

最终通过
var row = $(‘#dg’).datagrid(‘getChanges’, “updated”);

可以通过第一行选择否，清空下面两行的值，3行的内容都可以通过getChanges中updated的属性进行获取出来。