datagrid页面获取表单一条数据的例子

最新推荐文章于 2024-07-25 09:32:15 发布

weixin_30312659

最新推荐文章于 2024-07-25 09:32:15 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/tanqianqian/p/5975027.html

本文介绍了如何使用jQueryEasyUI框架的数据网格（datagrid）组件的getSelected和getSelections方法来获取单行和多行选中数据，并通过HTML.RenderAction()调用封装好的功能。

【问题背景】

最近在做ITOO考评的时候想从页面获取表单选中的数据：

【代码】

在数据网格（datagrid）组件包含两种方法来检索选中行数据：

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。

getSelections：取得所有选中行数据，返回元素记录的数组数据。

代码如下：

<script>
//获取单行数据
function getSelected(){
var row = $('#tt').datagrid('getSelected');
if (row){
alert('Item ID:'+row.itemid+"\nPrice:"+row.listprice);
}
}
//获取多行数据
function getSelections(){
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for(var i=0; i<rows.length; i++){
ids.push(rows[i].itemid);
}
alert(ids.join('\n'));
}
</script>