jQuery MiniUI

 找回密码
 立即注册
查看: 3503|回复: 7
打印 上一主题 下一主题

tab重复出现 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2016-4-28 14:55:58 |只看该作者 |倒序浏览

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

沙发
发表于 2016-4-28 14:56:41 |只看该作者
outlooktree.txt
[
        { id: "1", text: "承保出单"},
        {id: "101", text: "携程出单",  pid: "1" ,url:"/cont/ctripV"},
        {id: "301", text: "携程退保",  pid: "1" ,url:"/contcancel/ctripCancelV"},
        {id: "201", text: "用户列表", pid: "1" , url:"/user/allUser"}
]

Rank: 2

板凳
发表于 2016-4-28 14:58:32 |只看该作者
<!--OutlookTree-->
                                        <div id="leftTree" class="mini-outlooktree"
                                                url="${ctx}/static/data/outlooktree.txt"
                                                onnodeselect="onNodeSelect" textField="text" idField="id"
                                                parentField="pid"></div>
<!--Tabs-->
                <div id="mainTabs" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;"      
                     plain="false" onactivechanged="onTabsActiveChanged" >
                    <div title="首页" url="" >        
                    </div>
<script type="text/javascript">
        mini.parse();

        var tree = mini.get("leftTree");

        function showTab(node) {
            var tabs = mini.get("mainTabs");

            var id = "tab$" + node.id;
            var tab = tabs.getTab(id);
            if (!tab) {
                tab = {};
                tab._nodeid = node.id;
                tab.name = node.name;
                tab.title = node.text;
                tab.showCloseButton = true;

                //这里拼接了url,实际项目,应该从后台直接获得完整的url地址
                tab.url = "${ctx}"+  node.url ;
                tabs.addTab(tab);
            }
            tabs.activeTab(tab);
        }

        function onNodeSelect(e) {
            var node = e.node;
            var isLeaf = e.isLeaf;

            if (isLeaf) {
                showTab(node);
            }
        }

        function onClick(e) {
            var text = this.getText();
            alert(text);
        }
        function onQuickClick(e) {
            tree.expandPath("datagrid");
            tree.selectNode("datagrid");
        }

        function onTabsActiveChanged(e) {
            var tabs = e.sender;
            var tab = tabs.getActiveTab();
            if (tab && tab._nodeid) {
               
                var node = tree.getNode(tab._nodeid);
                if (node && !tree.isSelectedNode(node)) {
                    tree.selectNode(node);
                }
            }
        }
    </script>

Rank: 2

地板
发表于 2016-4-28 14:59:45 |只看该作者

Rank: 2

5#
发表于 2016-4-28 15:11:01 |只看该作者
tab 都已经 进tabs中了,但是再次点击的时候,还是继续往tabs 里添加


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

6#
发表于 2016-4-28 15:48:37 |只看该作者
请求支援!!!!!

Rank: 8Rank: 8

7#
发表于 2016-4-28 16:07:09 |只看该作者
dukairui 发表于 2016-4-28 15:48
请求支援!!!!!

用我们那个示例,只替换成你的数据,测试,未发现有重复打开

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

8#
发表于 2016-4-28 16:10:39 |只看该作者
dforce 发表于 2016-4-28 16:07
用我们那个示例,只替换成你的数据,测试,未发现有重复打开

谢谢,我直接在提供的示例里,再做一遍试试

Archiver|普加软件

GMT+8, 2025-7-21 16:46 , Processed in 1.031699 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部