jQuery MiniUI

标题: tab重复出现 [打印本页]

---

作者: dukairui    时间: 2016-4-28 14:55:58     标题: tab重复出现

[attach]7390[/attach]

---

作者: dukairui    时间: 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"}
]

---

作者: dukairui    时间: 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>

---

作者: dukairui    时间: 2016-4-28 14:59:45

参照的是http://www.miniui.com/demo/outlooktree/outlooktree.html

---

作者: dukairui    时间: 2016-4-28 15:11:01

tab 都已经 进tabs中了，但是再次点击的时候，还是继续往tabs 里添加
[attach]7395[/attach]

---

作者: dukairui    时间: 2016-4-28 15:48:37

请求支援！！！！！

---

作者: dforce    时间: 2016-4-28 16:07:09

dukairui 发表于 2016-4-28 15:48
请求支援！！！！！

用我们那个示例，只替换成你的数据，测试，未发现有重复打开
[attach]7399[/attach]

---

作者: dukairui    时间: 2016-4-28 16:10:39

dforce 发表于 2016-4-28 16:07
用我们那个示例，只替换成你的数据，测试，未发现有重复打开

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

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2