easyui datagrid reload
时间: 2023-08-27 08:07:07 浏览: 216
要重新加载 EasyUI 的 datagrid,你可以使用以下代码:
```
$('#datagridId').datagrid('reload');
```
其中,`datagridId` 是你的 datagrid 的 ID。这个方法将会重新加载 datagrid,并使用当前的查询条件重新获取数据。
如果你想重新加载 datagrid 并清除所有查询条件,可以使用以下代码:
```
$('#datagridId').datagrid('load', {});
```
这将会清除所有查询条件并重新获取数据。
相关问题
easyui datagrid editor 自动搜索
easyui datagrid editor 自动搜索是指在编辑器中输入内容时,根据输入的内容自动搜索匹配的选项并进行展示。通过使用easyui datagrid提供的编辑器组件,我们可以实现这一功能。
首先,我们需要在datagrid的column中使用editor属性来定义编辑器,例如使用combobox作为编辑器:
{
field: 'name',
title: '姓名',
editor: {
type: 'combobox',
options: {
valueField: 'id',
textField: 'name',
url: 'data.php',
onShowPanel: function() {
var keyword = $(this).combobox('getText');
$(this).combobox('reload', 'data.php?keyword=' + keyword);
}
}
}
}
在上面的例子中,我们定义了一个combobox作为编辑器,并设置了相关的属性。其中,valueField定义了选项值的字段名,textField定义了选项显示文本的字段名,url定义了获取选项数据的url地址。
在编辑器显示面板被打开时,我们可以通过调用onShowPanel事件的回调函数来实现自动搜索。在回调函数中,我们可以通过$(this).combobox('getText')获取当前输入的内容,然后根据这个内容构建查询参数并通过$(this).combobox('reload', url)方法重新加载选项数据。
这样,当我们在编辑器中输入内容时,编辑器会根据输入内容自动搜索匹配的选项并进行展示。这个功能可以提高用户的编辑效率,减少输入错误的可能性。
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');
```
阅读全文