[原创]EasyUI的Tab组件添加与关闭
- JavaScript
- 2012-03-19
- 190热度
- 0评论
项目中需要根据不同的属性设置EasyUI的Tab组件的某页的动态关闭和显示,tab标签的代码如下:
[html]
<div id='tt' class="easyui-tabs" cache="false">
<div title='基本信息'></div>
<div title='联系方式'></div>
<div id='product' title='产品'></div>
</div>
[/html]
需要根据用户的类型来显示和隐藏产品tab页,开始以为直接根据状态直接$('#product').hide();就可以了,可是试过后发现不行,于是查看了easyUI的tab组件的文档,发现有close方法可以关闭tab页,于是改写成:
[js]
if(data.state=='1') $('#tt').tabs('close','产品');
[/js]
可是,如果data.state==2则需要打开tabs可是没有open方法,tab已经被关闭了,没办法只好创建一个了,代码如下:
[js]
if ($('#tt').tabs('exists', title)) {
//$('#tt').tabs('select', title);
reloadTab(title,url);
} else {
$('#tt').tabs('add', {
title: title,
href:url
});
}
[/js]