获取数据表格中选中行的数据 Get selected row data from DataGrid
该实例展示如何获取选中行的数据。
该实例展示如何获取选中行的数据。
数据表格组件包含两个方法来获取选中行的数据:
- getSelected: 获取第一个选中行的数据,如果没有选中的行则返回空,否则返回该行的记录
- getSelections: 获取所有选中行的数据,返回数组,其元素为行的记录
创建数据表格复制代码
- <table id="tt"></table>
用法实例获取选中行的数据:复制代码
- $('#tt').datagrid({
title:'Load Data',
iconCls:'icon-save',
width:600,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
- });
获取所有选中行的项id:复制代码
- var row = $('#tt').datagrid('getSelected');
- if (row){
alert('Item ID:'+row.itemid+"\nPrice:"+row.listprice);
- }
- var ids = [];
- var rows = $('#tt').datagrid('getSelections');
- for(var i=0; i<rows.length; i++){
ids.push(rows[i].itemid);
- }
- alert(ids.join('\n'));
至此,ok!