jQuery EasyUI 数据网格 - 添加复选框

　　本实例演示如何放置一个复选框列到数据网格(DataGrid)。通过复选框，用户将可以选择 选中/取消选中 网格行数据。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 雷林鹏分享：jQuery EasyUI 数据网格 - 添加复选框 随笔

　　为了添加一个复选框列，我们仅仅需要添加一个列的 checkbox 属性，并设置它为 true。代码如下所示：

　　

　　url="data/datagrid_data.json"

 

　　idField="itemid" pagination="true"

　　iconCls="icon-save">

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

  Item ID Product ID List Price Unit Cost Attribute Status

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

　　下载 jQuery EasyUI 实例

　　jeasyui-datagrid-datagrid10.zip

　　本文转载自：w3cschool

　　(编辑：雷林鹏 来源：网络 侵删)

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄