easyui的datafrid在tab切换时,清除切换前datagrid的选中
时间: 2024-04-04 08:31:31 浏览: 51
可以通过easyui中的`tabs`组件的`onSelect`事件来监听tab切换事件,并在切换时对之前的`datagrid`进行清除选中操作。代码如下:
```javascript
// 绑定tabs组件的onSelect事件
$('#tabs').tabs({
onSelect: function(title, index) {
// 获取之前被选中的tab
var lastTabIndex = $(this).tabs('options').lastTabIndex;
var lastTab = $(this).tabs('getTab', lastTabIndex);
// 获取之前被选中的tab内的datagrid组件
var lastDatagrid = lastTab.find('.datagrid-f');
// 清除选中行
lastDatagrid.datagrid('clearSelections');
}
});
```
在`onSelect`事件中,首先通过`lastTabIndex`获取到之前被选中的tab的索引,然后通过`getTab`方法获取到该tab的对象,接着通过`find`方法获取到该tab内的`datagrid`组件,并通过`datagrid`的`clearSelections`方法来清除选中行。这样,就可以实现在tab切换时清除选中的操作了。
相关问题
easyui的datafrid在tab切换时,清除切换器datagrid的选中
可以通过easyui中的`tabs`组件的`onSelect`事件来监听tab切换事件,并在切换时对之前的`datagrid`进行清除选中操作。代码如下:
```javascript
// 绑定tabs组件的onSelect事件
$('#tabs').tabs({
onSelect: function(title, index) {
// 获取之前被选中的tab
var lastTabIndex = $(this).tabs('options').lastTabIndex;
var lastTab = $(this).tabs('getTab', lastTabIndex);
// 获取之前被选中的tab内的datagrid组件
var lastDatagrid = lastTab.find('.datagrid-f');
// 清除选中行
lastDatagrid.datagrid('clearSelections');
}
});
```
在`onSelect`事件中,首先通过`lastTabIndex`获取到之前被选中的tab的索引,然后通过`getTab`方法获取到该tab的对象,接着通过`find`方法获取到该tab内的`datagrid`组件,并通过`datagrid`的`clearSelections`方法来清除选中行。这样,就可以实现在tab切换时清除选中的操作了。
easyui的datagrid在tab切换时,清除切换前tab的datagrid的选中
可以通过easyui中的tabs组件的onSelect事件来监听tab切换事件,并在切换时对之前的datagrid进行清除选中操作。代码如下:
```javascript
// 绑定tabs组件的onSelect事件
$('#tabs').tabs({
onSelect: function(title, index) {
// 获取之前被选中的tab
var lastTabIndex = $(this).tabs('options').lastTabIndex;
var lastTab = $(this).tabs('getTab', lastTabIndex);
// 获取之前被选中的tab内的datagrid组件
var lastDatagrid = lastTab.find('.datagrid-f');
// 清除选中行
lastDatagrid.datagrid('clearSelections');
}
});
```
在onSelect事件中,首先通过lastTabIndex获取到之前被选中的tab的索引,然后通过getTab方法获取到该tab的对象,接着通过find方法获取到该tab内的datagrid组件,并通过datagrid的clearSelections方法来清除选中行。这样,就可以实现在tab切换时清除选中的操作了。
阅读全文