easyui datagrid checkbox
时间: 2023-11-21 11:05:00 浏览: 178
easyui datagrid
easyui datagrid checkbox是easyui框架中的一种表格控件,可以在表格中添加复选框,方便用户进行多选操作。下面是一个简单的例子:
```html
<table id="dg" class="easyui-datagrid" style="width:100%;height:300px"
url="datagrid_data.json"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="false">
<thead>
<tr>
<th field="ck" checkbox="true"></th>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="100">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="150">Attribute</th>
<th field="status" width="60" align="center">Status</th>
</tr>
</thead>
</table>
```
在这个例子中,我们使用了easyui-datagrid控件,并在表头中添加了一个复选框列。通过设置checkbox属性为true,即可在该列中添加复选框。同时,我们还设置了singleSelect属性为false,以允许用户进行多选操作。
如果需要在代码中获取选中的行,可以使用以下方法:
```javascript
var rows = $('#dg').datagrid('getSelections');
```
这个方法会返回一个数组,包含所有选中的行。可以遍历这个数组,获取选中行的数据。
阅读全文