给topjui-tabs 添加子Tabs,以下为示例代码
$("#" + selector).iTabs("add", {
title: item.name,
selected: index === 0,
width: '50%',
height: '50%',
href: "xxx.html"
});
xxx.html 内容:
<div data-toggle="topjui-layout" data-options="border: true"
style="margin: 10; border: 1px solid green; width: 50%; height: 50%;">
<div
data-options="region:'west',title:'所有页面',split:true,border:false,width:'30%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">
1
</div>
<div
data-options="region:'center',title:'页面权限',split:true,border:false,width:'30%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">
2
</div>
<div
data-options="region:'east',title:'页面组件',split:true,border:false,width:'40%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">
3
</div>
</div>