本文主要是介绍EasyUI DataGrid 复选框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
来源:http://www.glphp.com/index.php?m=content&c=index&a=show&catid=36&id=331
如何放置checkbox列。使用checkbox,用户可以选定/取消数据行。
<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 DataGrid 复选框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!