easyui-datagrid怎么获取所有行列值

easyui-datagrid怎么获取所有行列值,第1张

easyui-datagrid怎么获取所有行列值方法:

1、定义id为datagrid的easyui-datagrid,并将其置于id为div-dg的div内;

2、定义datagrid的列时,使用下面的方式为datagrid添加文本框列,并将其value设置为100;

3、使用如下的方式获取文本框列的第一个值,使用eq(index)方法可以获取第任意个文本框的值;

4、结果并未能如愿,查看生成的html源代码;

5、发现,生成的文本框列位于id为div-dg的div内,而不是id为datagrid的table下面,所以才会出现前面所述的结果。正确的获取文本框列的值的方法如下。

如需获取每一行的行列值,内容如下:

API 里提供了一个属性 「endEdit」可以拿来结束当前的编辑。和可以下载补丁

有3个方法

1、在dataGrid 编辑表格里增加 focusout 事件,获取当前的行号,然后设置「endEdit」结束掉当前编辑行。

eg

inputbind('focusout', function (e) {

dgdatagrid('endEdit', index);

});

2、直接获取当前所有的 dataGrid 行,然后遍历设置「endEdit」

eg

var rows=$('#datagrid')datagrid('getChecked');   //  选择要提交的数据

var endRows = $('#datagrid')datagrid("getRows");// 获取所有的行,并且结束掉编辑

for(var i =0; i < endRowslength; i++){

$('#datagrid')datagrid('endEdit', i);

}

3、下载一个补丁网页链接

这个时候 rows 里就能获取到你正在编辑的值了。

我只是验证了第二种方法,自己在用,另外2中还没有验证。这里附上参考链接吧

easyUI论坛的链接 网页链接

var datas = $('#datagrid的id')datagrid('getData');

//使用上面的语句就能获得datagrid中已经加载的数据,datas就是所有数据

以上就是关于easyui-datagrid怎么获取所有行列值全部的内容,包括:easyui-datagrid怎么获取所有行列值、easyui 如何获取正在编辑的行的数据、如何获取easyui datagrid的全部数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9488435.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存