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

【问题背景】

    

    最近在做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>

总结：

 

    jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。之前ITOO在UI 和easyUI很混沌，后来才了解ITOO的UI在easyUI基础之上又进行封装。在ITOO里面用Html.RenderAction（）来调取已经封装好的东西。

    就是这篇博客有点短，小，快……