EasyUI tree tabs多个时候出现错误

yongu 发布于 2016/06/07 13:24
阅读 407
收藏 0

EasyUI  tree 点击输出tabs 正常

但是点击在点击多个的时候出现错误 ,第2个tab 出现2个日期查询,其中一个是第一个的


如图,第一的消失 日期查询



代码如下:

$('#center').tabs();
var vhref = function(text){
switch(text){
case '验证用户':
return url;
break;
case '职工管理':
return zggl;
break;
case '供餐':
return gc;
break;
case '已供情况':
return ygqk;
break;
case '订餐情况':
return dcqk;
break;
case '首页':
return 'http://www.hao123.com';
break;
default:
break;
}
};
$('#tt').tree({
lines:'true',
onClick: function(node){
if($('#center').tabs('exists',node.text)){
$('#center').tabs('select',node.text)
}else{
$('#center').tabs('add',{
title : node.text,
closable : true,
href:vhref(node.text),
});
}
},
});

加载中
0
yanInsert
yanInsert
 //实例化树形菜单
        $("#tree").tree({
            data: treeData,
            lines: true,
            onClick: function (node) {
                if (node.attributes) {
                    Open(node.text, node.attributes.url);
                }
            }
        });


        /**
         * 截取字符串进行拼装
         **/
        function newUrl() {
            var pathName = window.location.pathname.substring(0, window.location.pathname.length - 5);
            var localhost = window.location.origin;
            var url = localhost + pathName;
            console.log(url);
            return url;
        }


        //在右边center区域打开菜单,新增tab
        function Open(text, url) {
            if ($("#tabs").tabs('exists', text)) {
                $('#tabs').tabs('select', text);
            } else {
                $('#tabs').tabs('add', {
                    title: text,
                    closable: true,
                    href: newUrl() + url,
                    toolbar: [{
                        text: '查找',
                        iconCls: 'icon-search',
                    }]
                });
            }
        }


        //绑定tabs的右键菜单
        $("#tabs").tabs({
            onContextMenu: function (e, title) {
                e.preventDefault();
                $('#tabsMenu').menu('show', {
                    left: e.pageX,
                    top: e.pageY
                }).data("tabTitle", title);
            }
        });


        //实例化menu的onClick事件
        $("#tabsMenu").menu({
            onClick: function (item) {
                CloseTab(this, item.name);
            }
        });


        //几个关闭事件的实现
        function CloseTab(menu, type) {
            var curTabTitle = $(menu).data("tabTitle");
            var tabs = $("#tabs");


            if (type === "close") {
                tabs.tabs("close", curTabTitle);
                return;
            }


            var allTabs = tabs.tabs("tabs");
            var closeTabsTitle = [];


            $.each(allTabs, function () {
                var opt = $(this).panel("options");
                if (opt.closable && opt.title != curTabTitle && type === "Other") {
                    closeTabsTitle.push(opt.title);
                } else if (opt.closable && type === "All") {
                    closeTabsTitle.push(opt.title);
                }
            });


            for (var i = 0; i < closeTabsTitle.length; i++) {
                tabs.tabs("close", closeTabsTitle[i]);
            }
        }
yongu
yongu
求指导
0
mi-la-king
mi-la-king
第二次的时候应该刷新上一次的
mi-la-king
mi-la-king
@yongu 代码不会写 再具体看看 easyui的tabs api 授人以渔
yongu
yongu
怎么弄呢
0
小帅帅丶
yongu
yongu
晕 求指导
返回顶部
顶部