[原创]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
            });
        }