easyUI tabs 显示与隐藏 tab 页
时间: 2024-01-10 12:03:26 浏览: 44
要在 EasyUI Tabs 中显示或隐藏选项卡页,您可以使用以下代码:
显示选项卡页:
```
$('#tab').tabs('showTab', index);
```
其中,`#tab` 指 EasyUI Tabs 控件的 ID,`index` 是要显示的选项卡页的索引。
隐藏选项卡页:
```
$('#tab').tabs('hideTab', index);
```
同样,`#tab` 指 EasyUI Tabs 控件的 ID,`index` 是要隐藏的选项卡页的索引。
请注意,隐藏一个选项卡页并不会从 DOM 中删除它,它只是被隐藏了。如果您想要删除一个选项卡页,请使用 `removeTab` 方法。
相关问题
easyui tabs 刷新当前tab页
要刷新当前tab页,可以使用easyui中的`tabs('getSelected')`方法来获取当前选中的tab对象,然后再调用`panel('refresh')`方法来刷新该tab页面。具体代码如下:
```javascript
// 获取当前选中的tab对象
var tab = $('#tabs').tabs('getSelected');
// 刷新该tab页面
tab.panel('refresh');
```
其中,`#tabs`是tabs组件的选择器。你需要将其替换成你自己的tabs组件选择器。
easyui获取当前页面的tabs的名字
你可以通过以下代码获取当前页面所有tabs的名字:
```
var tabs = $('#tabs').tabs('tabs');
for(var i=0; i<tabs.length; i++){
var tab = tabs[i];
var title = tab.panel('options').title;
console.log(title);
}
```
其中,`#tabs` 是 tabs 所在的容器的 ID。遍历所有的 tabs,通过 `panel` 方法获取每个 tab 对应的 panel,进而获取其标题。