jQueryEasyUI创建菜单主页

基于JavaScript的页面跳转实现多标签页浏览

最新推荐文章于 2022-05-08 09:00:24 发布

weixin_30950237

最新推荐文章于 2022-05-08 09:00:24 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/azhqiang/p/4054103.html

本文详细介绍了如何使用JavaScript实现多标签页浏览功能，通过自定义函数`functionaddTab`来添加、选择及关闭标签页，同时通过`menuObj`的`tree`方法动态加载页面模块，并在点击或双击节点时执行相应的操作。

function addTab(title,path){  
    funcTab.tabs('add',{  
        title: title,  
        fit:true,  
        href:'${ctx}/login/forword!forwardFramePage.action?_f_url='+path,  
        iconCls:'icon-save',  
        closable:true  
    });  
}  
  
$(function(){  
    menuObj=$('#menu').tree({  
        url:'${ctx}/pm/user/user!displayAccessedModulesByUser.action',  
        animate:true,  
        onClick:function(node){  
                //alert(node.isLeaf);  
                var attributes = node.attributes;  
                if(attributes.isLeaf=="1"){  
                    if(!isExistTab(node.text)){  
                        //alert(attributes.path);  
                        var url = "${ctx}"+attributes.path;  
                        //alert(url);  
                        addTab(node.text,url);  
                    }else{  
                        selectedTab(node.text);  
                    }  
                }else{  
                      
                }  
            },  
        onDblClick:function(node){  
                var attributes = node.attributes;  
                if(attributes.isLeaf=="0"){  
                    $(this).tree('expand',node.target);  
                }  
            }  
    });  
});