easyui动态添加选项卡

本文主要是介绍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'" οnclick="addTab('用户列表','/userlist.jsp')">用户列表</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" οnclick="addTab('角色列表','/rolelist.jsp')">角色列表</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" οnclick="$('#add').window('open');">添加用户</a>
</div>

这篇关于easyui动态添加选项卡的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---