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的教程！