jQuery EasyUI Chinesisches Referenzhandbuch
/ jEasyUI添加復(fù)選框
jEasyUI添加復(fù)選框
本實(shí)例演示如何放置一個(gè)復(fù)選框列到數(shù)據(jù)網(wǎng)格(DataGrid)。通過復(fù)選框,用戶將可以選擇 選中/取消選中 網(wǎng)格行數(shù)據(jù)。

為了添加一個(gè)復(fù)選框列,我們僅僅需要添加一個(gè)列的 checkbox 屬性,并設(shè)置它為 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>
以上代碼添加了一個(gè)帶有 checkbox 屬性的列,所以它將成為復(fù)選框列。如果 idField 屬性已設(shè)置,數(shù)據(jù)網(wǎng)格(DataGrid)的選擇集合將在不同的頁面保持。
下載 jQuery EasyUI 實(shí)例
jeasyui-datagrid-datagrid10.zip