easyui datagrid reload
时间: 2023-08-27 12:07:07 浏览: 247
要重新加载 EasyUI 的 datagrid,你可以使用以下代码:
```
$('#datagridId').datagrid('reload');
```
其中,`datagridId` 是你的 datagrid 的 ID。这个方法将会重新加载 datagrid,并使用当前的查询条件重新获取数据。
如果你想重新加载 datagrid 并清除所有查询条件,可以使用以下代码:
```
$('#datagridId').datagrid('load', {});
```
这将会清除所有查询条件并重新获取数据。
相关问题
easyui datagrid动态添加列
### 动态添加列到EasyUI DataGrid
为了实现动态向DataGrid组件中添加新列的功能,可以操作`columns`属性并调用`load()`方法刷新表格显示。下面是一个具体的例子说明如何完成此功能[^2]。
```javascript
// 假设已经存在一个ID为'dg'的数据网格实例
$('#dg').datagrid({
url: 'data.json', // 数据源URL
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100}
]]
});
function addColumn() {
var dg = $('#dg');
// 获取当前配置的列定义
var opts = dg.datagrid('options');
var cols = $.extend(true,[],opts.columns); // 复制一份副本
// 向最后一组列后面追加新的字段描述符
cols[cols.length - 1].push({field:'newField', title:'New Column', width:80});
// 更新选项中的列设置,并重新加载数据以应用更改
opts.columns = cols;
dg.datagrid(opts).datagrid('reload');
}
// 调用函数来测试新增一列的效果
addColumn();
```
通过上述代码片段,在页面上点击按钮或其他事件触发器执行`addColumn()`函数即可实现在现有基础上增加额外的一列展示给用户查看的目的。注意这里的关键在于获取原始列结构的一个深拷贝(`$.extend`)以防修改影响其他地方使用的相同配置;之后再把更新后的数组赋回至`options.columns`里头去覆盖旧有的布局设定最后记得要再次载入资料让变动生效。
easyui datagrid动态隐藏列
可以使用easyui datagrid的columnFormatter属性来实现动态隐藏列。首先,在datagrid的初始化代码中,定义一个全局变量用于存储要隐藏的列的field值:
```javascript
var hiddenCols = ['col1', 'col2']; // 要隐藏的列的field值
```
然后,在datagrid的columns属性中,为需要隐藏的列添加一个formatter函数,该函数返回一个空字符串,使该列不显示:
```javascript
columns: [
{ field: 'col1', title: '列1', formatter: function(value,row,index){
if(hiddenCols.indexOf('col1') > -1){
return '';
} else {
return value;
}
}
},
{ field: 'col2', title: '列2', formatter: function(value,row,index){
if(hiddenCols.indexOf('col2') > -1){
return '';
} else {
return value;
}
}
},
// 其他列...
],
```
最后,在需要隐藏或显示列的时候,修改全局变量hiddenCols并调用datagrid的reload方法即可:
```javascript
// 隐藏列
hiddenCols.push('col1');
$('#datagrid').datagrid('reload');
// 显示列
hiddenCols.splice(hiddenCols.indexOf('col1'), 1);
$('#datagrid').datagrid('reload');
```
阅读全文
相关推荐













