jQuery EasyUI使用教程之在数据网格中添加复选框

<jQuery EasyUI最新试用版免费下载>

本教程为您演示如何放置一个复选框到数据网格中。通过复选框用户将可以选择选中/取消选中网格行数据。

查看jQuery EasyUI演示

想要添加一个复选框列，用户只需要添加一个列的checkbox属性，并将其设置为true。代码如下所示：

< table id = "tt" title = "Checkbox Select" class = "easyui-datagrid" style = "width:550px;height:250px" url = "data/datagrid_data.json" idfield = "itemid" pagination = "true" iconcls = "icon-save" >
< thead >
< tr >
< th field = "ck" checkbox = "true" ></ th >
< th field = "itemid" width = "80" >Item ID</ th >
< th field = "productid" width = "80" >Product ID</ th >
< th field = "listprice" width = "80" align = "right" >List Price</ th >
< th field = "unitcost" width = "80" align = "right" >Unit Cost</ th >
< th field = "attr1" width = "100" >Attribute</ th >
< th field = "status" width = "60" align = "center" >Status</ th >
</ tr >
</ thead >
</ table >

上面的代码添加了一个带有checkbox属性的列，所以它将成为复选框列。如果idField属性已设置，数据网格的选择集合将保持在不同的页面。

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程！