雷林鹏分享:jQuery EasyUI 数据网格 - 添加复选框

时间:2022-06-16 20:32:39

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

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

雷林鹏分享: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

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