huangf714

使用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的选择会被不同的页保持。

分类:

技术点:

相关文章: