[原创]EasyUI的Tab组件添加与关闭

项目中需要根据不同的属性设置EasyUI的Tab组件的某页的动态关闭和显示,tab标签的代码如下:

<div id='tt' class="easyui-tabs" cache="false">
 <div title='基本信息'></div>
 <div title='联系方式'></div>
 <div id='product' title='产品'></div>
</div>

需要根据用户的类型来显示和隐藏产品tab页,开始以为直接根据状态直接$(‘#product’).hide();就可以了,可是试过后发现不行,于是查看了easyUI的tab组件的文档,发现有close方法可以关闭tab页,于是改写成:

 if(data.state=='1') $('#tt').tabs('close','产品');

可是,如果data.state==2则需要打开tabs可是没有open方法,tab已经被关闭了,没办法只好创建一个了,代码如下:

        if ($('#tt').tabs('exists', title)) {
            //$('#tt').tabs('select', title);
            reloadTab(title,url);
        } else {
            $('#tt').tabs('add', {
                title: title,
                href:url
            });
        }
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏