原創|使用教程|編輯:龔雪|2016-02-04 08:59:14.000|閱讀 1382 次
概述:本教程為您演示如何放置一個復選框到數據網格中。通過復選框用戶將可以選擇選中/取消選中網格行數據。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫!查看詳情>>>
本教程為您演示如何放置一個復選框到數據網格中。通過復選框用戶將可以選擇選中/取消選中網格行數據。
想要添加一個復選框列,用戶只需要添加一個列的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最新正版授權!詳情請""
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網