使用checkbox,用戶可以選定/取消數據行。
添加checkbox列,我們簡單的添加列的checkbox屬性,並且設置為true。代碼像這樣:
<table id="tt"></table>
$('#tt').datagrid({
title:'Checkbox Select',
iconCls:'icon-ok',
width:600,
height:250,
url:'datagrid_data.json',
idField:'itemid',
columns:[[
{field:'ck',checkbox:true},
{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}
]],
pagination:true
});
上面的代碼,我們可以添加列的checkbox屬性,然后他就會出現選擇列。如果idField屬性被設置,DataGrid的選擇會被不同的頁保持。