easyui动态添加选项卡

添加方法

<script type="text/javascript">

function addTab(title, url){
   if ($('#tt').tabs('exists', title)){
       $('#tt').tabs('select', title);
   } else {
       var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
       $('#tt').tabs('add',{
           title:title,
           content:content,
           closable:true
       });
   }

}

</script>

<!-- 加入选项卡 -->
<div id="tt" class="easyui-tabs" data-options="fit:true">
<jsp:include page="showmap.jsp" />
</div>

调用

<div class="myMenu" title="系统管理" iconCls="icon-settings">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" onclick="addTab('用户列表','/userlist.jsp')">用户列表</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" onclick="addTab('角色列表','/rolelist.jsp')">角色列表</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" onclick="$('#add').window('open');">添加用户</a>
</div>