使用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的选择会被不同的页保持。
相关文章:
- easyui复选框实现单选框 2021-11-02
- EasyUI设置选中复选框 2021-11-02
- Easyui treegrid复选框设置 2021-11-02
- easyui格式化复选框 2021-11-02
- Easyui-DataGrid 分页多选框 及 遍历所有选中项 2021-11-02
- easyui—datagrid 2021-08-15
- easyUI 添加CheckBox选择到DataGrid 2021-11-02
- easyUI 复选框批量操作 2021-11-02