美文网首页
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动态添加标签页

    FrameWork = function(){ }();

  • 5.综合案例要点

    tabs动态添加选项卡,加载远程资源细节: 使用iframe标签加载资源给content easyui中下拉框自适...

  • Vue3 + Element Plus 实现动态标签页及右键菜单

    1 前言 1.1 目的 Tabs 动态标签页实现右键菜单【关闭当前标签页】、【关闭左侧标签页】、【关闭右侧标签页】...

  • DOM操作

    js动态添加 动态添加标签 var domDiv = document.createElement('div');...

  • 基于C++的为窗体增加TAB页和动态添加控件

    VC++为窗体增加TAB页和动态添加文本输入控件,这个例子中有如何添加动态TAB页的演示,还有动态添加控件的演示,...

  • Hexo博客其他功能项配置

    1、配置导航 2、标签页 PS:文章添加标签如下: 3、404页 4、分类页 PS:文章添加分类如下: 5、多说评...

  • 墨刀动态组件问题

    问题: 在某一个页面中使用动态组件,组件状态通过标签页正常切换。 新添加的多个页面中,继续使用动态组件,组件状态通...

  • js 项目遇到的问题

    1. 动态添加H5标签, 使用jQuery给动态添加的标签绑定click事件不响应 解决方案参考链接:jquery...

  • 右键搜浏览器插件推荐

    好的工具给你成倍的效率,BD新标签页备受好评的功能之一“聚合搜索”。 聚合搜索支持动态添加和修改, 顺序的调整,支...

  • js中动态添加标签后的问题

    在实际开发中经常会遇到动态向html文档中添加标签的操作,这些动态添加的标签虽然有绑定好的事件或者js交互效果,可...

网友评论

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

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