美文网首页
EasyUi动态添加标签页

EasyUi动态添加标签页

作者: 蜗牛滴追逐 | 来源:发表于2018-09-25 14:42 被阅读0次

    FrameWork = function(){

    var tabs;
    
    var MAX_TAB_COUNT = 10;
    
    return{
        initTabs : function(){
            tabs = $("#mktabs").tabs().tabs("tabs");    //返回所有的标签页面板
        },
        addTab : function(treeNode,sIcon,sUrl,sTarStr,fullPath){   //addTab函数
                 debugger
            if(treeNode.systemname!="??????" && !SystemManager.loginSystem(treeNode.systemname)){
                alert("?????["+treeNode.systemname+"]????");
                return;
            }
            var mktab = $("#mktabs");
            
            var tabLength = mktab.tabs("tabs").length;
            if(tabLength>10){
                alert("???????\n?????????["+MAX_TAB_COUNT+"]????????\n?????????????");
                
                //你最多可以打开[10]个工作区 请关闭多余的工作区
                return ;
            }
            
            var tab_title = (treeNode.name.length > 12)? treeNode.name.substring(0,12)+"..." : treeNode.name;
            
            
            var newFrame;
            
            newFrame = document.createElement("IFRAME");
            newFrame.width = '100%';
            newFrame.id = "body_iframe";
            newFrame.height="100%";
            //newFrame.height =document.body.clientHeight+"px";//100%;
            newFrame.monitorResize = false;
            newFrame.scrolling="no";
            newFrame.onload=function(){
                try{ 
                    this.contentWindow.alert=alert;     //contentwindow指的是iframe所在的window对象
                    this.contentWindow.confirm=confirm;
                    this.contentWindow.prompt=prompt;
                    this.contentWindow.showMessage=showMessage;
                    //this.contentWindow.close=FRM_RIGHT.closeWork;
                }catch(ex){}
            };
            newFrame.onerror=function(sMsg,sUrl,sLine){     //onerror事件捕获网页中的错误,三个参数message:一个字符串,声明了出现的错误的信息
                                                                                   //url:一个字符串,声明了出现错误的文档的URL。//line:一个数字,声明了出现错误的代码行的行号。
                alert(sUrl+'\nLine:'+sLine+'\n'+sMsg, 2);    
                return false;
            };
            newFrame.frameBorder ="no";
            newFrame.src=sUrl;
            //$("#mktabs").html(newFrame.outerHTML);
            if(mktab.tabs("exists",tab_title)){     //exists事件,指示指定的面板是否已存在,'which'参数可以是标签页面板(tab panel)的标题(title)或索引(index).
                if(treeNode.cfdk!=null&&treeNode.cfdk=='Y'){
                       var opennew=window.confirm("?ù?????????????????????棿");
                       if(opennew==true){                       //显示一个确认框,提醒访客点击什么:
                           mktab.tabs('add',{
                                title: tab_title,    //添加一个新的标签页面板(tab panel)
                                //url:sUrl,
                                closable: true,
                                fit:true,
                                content: newFrame.outerHTML
                            });
                       }
                }else{
                    mktab.tabs("select",tab_title);  //选择一个标签页面板(tab panel),'which' 参数可以是标签页面板(tab panel)的标题(title)或索引(index)
                }
                //$("#subMenuDiv").menu('hide');
                return;
            }
            
            mktab.tabs('add',{
                title: tab_title,
                //url:sUrl,
                closable: true,
                fit:true,
                content: newFrame.outerHTML
            });
            
            //$("#subMenuDiv").menu('hide');
            
        },
        addNewTab : function(treeNode,sIcon,sUrl,sTarStr,fullPath){
            FrameWork.addTab(treeNode,sIcon,sUrl,sTarStr,fullPath)
        },
        getTabs : function(){
            this.tabs = $("#mktabs").tabs().tabs("tabs");
            return $("#mktabs").tabs().tabs("tabs");
        }
    };
    

    }();

    相关文章

      网友评论

          本文标题:EasyUi动态添加标签页

          本文链接:https://www.haomeiwen.com/subject/zwzygftx.html