easyui的datagrid使用reload的时候每次都会使toobar给显示出来,怎么才能不重新加载toobar
时间: 2023-12-14 19:35:37 浏览: 22
可以在调用 reload 方法时,将 toolbar 的显示状态先获取到,然后再进行 reload,最后再将 toolbar 的显示状态设置回来即可。
具体实现可以参考以下代码:
```
var dg = $('#dg');
var toolbar = dg.datagrid('getToolbar');
var toolbarVisible = toolbar.is(':visible'); // 获取 toolbar 的显示状态
dg.datagrid('reload', function(){
if(toolbarVisible){
toolbar.show(); // 如果 toolbar 原本是显示状态,则重新加载后也要显示出来
}else{
toolbar.hide(); // 如果 toolbar 原本是隐藏状态,则重新加载后也要隐藏起来
}
});
```
这样就可以保持 toolbar 的显示状态不变了。
相关问题
easyui datagrid reload
要重新加载 easyui datagrid,你可以使用 `load` 方法。这个方法将会重新加载数据并重新渲染 datagrid。
以下是一个例子:
```javascript
$('#datagrid').datagrid('load');
```
这将会重新加载名为 "datagrid" 的 easyui datagrid。你可以在这个方法中加入一些参数来指定要加载的数据、页码等等。例如:
```javascript
$('#datagrid').datagrid('load', {
page: 2,
rows: 10
});
```
这将会重新加载第二页,每页显示 10 行的数据。
easyui datagrid里的toobar按钮隐藏、显示、禁用等方式的实现
在 easyui datagrid 中,可以通过以下方式实现 toolbar 按钮的隐藏、显示和禁用:
1. 隐藏 toolbar 按钮:可以使用 jQuery 的 `hide` 方法将按钮隐藏起来,例如:
```javascript
$('#toolbar-btn').hide();
```
2. 显示 toolbar 按钮:可以使用 jQuery 的 `show` 方法将按钮显示出来,例如:
```javascript
$('#toolbar-btn').show();
```
3. 禁用 toolbar 按钮:可以使用 jQuery 的 `prop` 方法将按钮的 `disabled` 属性设置为 `true`,例如:
```javascript
$('#toolbar-btn').prop('disabled', true);
```
同样,可以使用 `prop` 方法将按钮的 `disabled` 属性设置为 `false` 来启用按钮:
```javascript
$('#toolbar-btn').prop('disabled', false);
```
注意,以上方法中的 `#toolbar-btn` 是 toolbar 按钮的 selector,需要根据实际情况进行修改。