使用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的选择会被不同的页保持。
相关文章
- 08-12改变DataGrid某一行和单元格的颜色
- 08-12easyui textbox 添加 onblur 失去焦点事件
- 08-12在easyui-tabs中的href或 content的多种条件下的不同页面内容和页面地址的赋值?
- 08-12easyui datagrid 横向滚动条
- 08-12easyui-datebox 和easyui-datetimebox 设置默认时间当前时间
- 08-12WPF DataGrid 分组
- 08-12easyui placeholder 解决方案
- 08-12在DataGrid中实现Button Command
- 08-12EasyUI combobox 下拉高度自适应
- 08-12datagridview添加复选框全选和取消