jQuery EasyUI 数据网格 - 取得选中行数据

本实例演示如何取得选中行数据。

数据网格(datagrid)组件包含两种方法来检索选中行数据:

  • getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。
  • getSelections:取得所有选中行数据,返回元素记录的数组数据。

创建数据网格(DataGrid)

    
Item ID Product ID List Price Unit Cost Attribute Stauts

使用演示

取得选中行数据:

    var row = $('#tt').datagrid('getSelected');
    if (row){
        alert('Item ID:'+row.itemid+"
Price:"+row.listprice);
    }

取得所有选中行的 itemid:

    var ids = [];
    var rows = $('#tt').datagrid('getSelections');
    for(var i=0; i

没有安装环境需要下载这两个脚本:

http://code.jquery.com/jquery-1.6.1.min.js

http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章