outlooktree布局中，如何在west里弹出一个tab页签 - jQuery MiniUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="/styles/demo.css" rel="stylesheet" type="text/css" />
<script src="/js/boot.js" type="text/javascript"></script>
<style type="text/css">
html, body{
margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
}
.header
{
background:url(/images/header.gif) repeat-x;
}
.header div
{
font-family:'Trebuchet MS',Arial,sans-serif;
font-size:20px;line-height:40px;padding-left:10px;font-weight:bold;color:#333;
}
body .header .topNav
{
position:absolute;right:8px;top:10px;
font-size:12px;
line-height:25px;
}
.header .topNav a
{
text-decoration:none;
color:#222;
font-weight:normal;
font-size:12px;
line-height:25px;
margin-left:3px;
margin-right:3px;
}
.header .topNav a:hover
{
text-decoration:underline;
color:Blue;
}
.mini-layout-region-south img
{
vertical-align:top;
}
</style>
</head>
<body>
<div id="layout1" class="mini-layout" style="width:100%;height:100%;" >
<div title="头部导航" region="north" class="header" bodyStyle="overflow:hidden;" height="40" showHeader="false" showSplit="false">
<img src="/images/logo.png" style="margin-top:3px;margin-left: 10px;" />
<div class="topNav">
欢迎您，<?=$this->session->userdata('admin_name')?> |
<a href="">进入OA</a> |
<a href="">退出</a>
</div>
</div>
<div title="底部" showHeader="false" region="south" style="border:0;text-align:center;" height="25" showSplit="false">
Copyright © 科技有限公司版权所有
</div>
<div title="     功能菜单" region="west" showHeader="true" bodyStyle="padding-left:10px;" showSplitIcon="true" width="230" minWidth="100" maxWidth="350">
<?include('menu.php');?>
</div>
<div title="主展示区" region="center" style="border:0;" >
<div id="mainTabs" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;" >
<div title="经营概览" iconCls="icon-tip">
<iframe src="" id="mainframe" frameborder="0" name="main" style="width:100%;height:100%;" border="0"></iframe>
</div>
</div>
</div>
</div>
<script type="text/javascript">
mini.parse();
var tree = mini.get("menu_tree");
//打开Tab
function open_tab(node){
var tabs = mini.get("mainTabs");
//判断Tab是否已存在
var tid = "tab$" + node.id;
var tab = tabs.getTab(tid);
if(!tab){
//创建新的Tab
var tab = {};
tab.title = node.text;
tab.name = tid;
tab.showCloseButton = true;
tab.url = node.value;
tabs.addTab(tab);
}
//激活选中的Tab
tabs.activeTab(tab);
}
//选中树节点
function onNodeSelect(e) {
var node = e.node;
var isLeaf = e.isLeaf;
if (isLeaf) {
open_tab(node);
tree.selectNode(node.id);
}
}
</script>
</body>
</html>

复制代码