easyui datagrid如何在选中获取取消选中时判断当前是否有选中数据,如果还有选中数据时,则可以进行删除操作
时间: 2024-03-21 13:37:44 浏览: 56
您可以在datagrid的onSelect和onUnselect事件中判断当前是否有选中数据,如果有,则可以启用删除按钮,否则禁用删除按钮。具体代码如下:
```javascript
// 初始化datagrid
$('#datagrid').datagrid({
url: 'data.php',
columns: [...],
onSelect: function(index, row) {
// 判断是否有选中数据
if ($('#datagrid').datagrid('getChecked').length > 0) {
// 有选中数据,启用删除按钮
$('#btn-delete').linkbutton('enable');
}
},
onUnselect: function(index, row) {
// 判断是否还有选中数据
if ($('#datagrid').datagrid('getChecked').length == 0) {
// 没有选中数据,禁用删除按钮
$('#btn-delete').linkbutton('disable');
}
}
});
// 删除按钮点击事件
$('#btn-delete').click(function() {
// 获取选中的数据
var rows = $('#datagrid').datagrid('getChecked');
// 删除选中的数据
for (var i = 0; i < rows.length; i++) {
$('#datagrid').datagrid('deleteRow', $('#datagrid').datagrid('getRowIndex', rows[i]));
}
// 禁用删除按钮
$('#btn-delete').linkbutton('disable');
});
```
在这段代码中,我们在datagrid的onSelect和onUnselect事件中判断当前是否有选中数据,并在删除按钮点击事件中删除选中的数据。注意,我们在删除完数据后禁用了删除按钮,以防止用户误操作。
阅读全文