easyui的tab切换清除datagrid的选中
时间: 2024-04-04 08:32:02 浏览: 14
您可以在切换tab时,使用JavaScript代码清除之前tab中datagrid的选中状态。具体实现方式可以在tab切换事件中,获取之前tab中的datagrid对象,然后调用`datagrid`的`clearSelections`方法将其选中状态清除。例如,使用jQuery库实现如下:
```javascript
// 获取之前tab中的datagrid对象
var previousTab = $("#tabs").tabs("getSelected");
var previousDatagrid = previousTab.find(".datagrid-f").datagrid("getDatagrid");
// 清除之前tab中datagrid的选中状态
previousDatagrid.datagrid("clearSelections");
```
其中,`#tabs`是您的tab容器元素的ID,`.datagrid-f`是您的datagrid元素的类名。您可以根据您的实际情况进行相应的修改。
相关问题
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切换时清除选中的操作了。
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切换时清除选中的操作了。