easyui获取数据表格中选中行的数据

获取数据表格中选中行的数据 Get selected row data from DataGrid
该实例展示如何获取选中行的数据。

数据表格组件包含两个方法来获取选中行的数据:

• getSelected: 获取第一个选中行的数据，如果没有选中的行则返回空，否则返回该行的记录
• getSelections: 获取所有选中行的数据，返回数组，其元素为行的记录
  

创建标签

1. <table id="tt"></table>

复制代码

创建数据表格

1. $('#tt').datagrid({
   
2.     title:'Load Data',
   
3.     iconCls:'icon-save',
   
4.     width:600,
   
5.     height:250,
   
6.     url:'datagrid_data.json',
   
7.     columns:[[
   
8.         {field:'itemid',title:'Item ID',width:80},
   
9.         {field:'productid',title:'Product ID',width:80},
   
10.         {field:'listprice',title:'List Price',width:80,align:'right'},
    
11.         {field:'unitcost',title:'Unit Cost',width:80,align:'right'},
    
12.         {field:'attr1',title:'Attribute',width:100},
    
13.         {field:'status',title:'Status',width:60}
    
14.     ]]
    
15. });

复制代码

用法实例获取选中行的数据:

1. var row = $('#tt').datagrid('getSelected');
   
2. if (row){
   
3.     alert('Item ID:'+row.itemid+"\nPrice:"+row.listprice);
   
4. }

复制代码

获取所有选中行的项id:

1. var ids = [];
   
2. var rows = $('#tt').datagrid('getSelections');
   
3. for(var i=0; i<rows.length; i++){
   
4.     ids.push(rows[i].itemid);
   
5. }
   
6. alert(ids.join('\n'));

至此，ok!