easyui datagrid 清除数据

本文介绍了一种在EasyUI Datagrid中删除所有行的有效方法。通过获取所有行数据并逐一删除,或者直接加载空数据来实现。这两种方式都可以快速清空Datagrid中的内容。
   var item = $('#filegrid').datagrid('getRows');
            if (item) {
                for (var i = item.length - 1; i >= 0; i--) {
                    var index = $('#filegrid').datagrid('getRowIndex', item[i]);
                    $('#filegrid').datagrid('deleteRow', index);
                }
            }

或则可以这样:
            $('#filegrid').datagrid('loadData', { total: 0, rows: [] });

 

转载于:https://www.cnblogs.com/jcdd-4041/p/3761265.html

### 清除 EasyUI DataGrid 的所有属性 清除 EasyUI DataGrid 的所有属性可以通过以下方法实现。通常,重置 DataGrid 的所有属性意味着将 DataGrid 重新初始化为其初始状态或默认值[^1]。以下是具体的实现方式: #### 方法一:通过 `$('#datagrid').datagrid('loadData', {});` 清空数据 使用 `loadData` 方法可以清空 DataGrid 中的所有行数据。这会将 DataGrid数据源设置为空对象,从而清空显示的数据[^2]。 ```javascript $('#datagrid').datagrid('loadData', {}); ``` #### 方法二:通过 `$('#datagrid').datagrid('options');` 重置选项 如果需要重置 DataGrid 的其他属性(如分页、排序等),可以通过重新设置其选项来实现。例如,可以通过重新加载 DataGrid 的配置来恢复到初始状态[^3]。 ```javascript // 获取原始配置 var originalOptions = { url: '', // 数据源 URL pagination: false, // 禁用分页 sortName: null, // 清空排序字段 sortOrder: null // 清空排序顺序 }; // 应用原始配置 $('#datagrid').datagrid('options', originalOptions); ``` #### 方法三:通过销毁并重新初始化 DataGrid 如果需要完全重置 DataGrid,可以销毁当前的 DataGrid 实例,并根据需要重新初始化它。这种方法适用于需要彻底清理的情况[^4]。 ```javascript // 销毁 DataGrid $('#datagrid').datagrid('destroy'); // 重新初始化 DataGrid $('#datagrid').datagrid({ url: '', // 数据源 URL pagination: false, // 禁用分页 sortName: null, // 清空排序字段 sortOrder: null // 清空排序顺序 }); ``` #### 注意事项 - 在销毁 DataGrid 时,请确保没有其他依赖于该实例的代码,否则可能会导致错误。 - 如果需要保留某些特定属性而不重置它们,可以在重新初始化时手动设置这些属性[^5]。 ```javascript $('#datagrid').datagrid({ url: '', // 数据源 URL pagination: true, // 启用分页 pageSize: 10, // 设置页面大小 sortName: 'id', // 默认排序字段 sortOrder: 'asc' // 默认排序顺序 }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值