jQueryEasyUI创建菜单主页

最新推荐文章于 2023-03-26 15:33:25 发布

weixin_33947521

最新推荐文章于 2023-03-26 15:33:25 发布

阅读量185

点赞数

文章标签： javascript ViewUI

本文详细介绍了如何使用JavaScript实现页面跳转功能，并与树形菜单进行集成，通过动态加载子模块来优化用户体验。文章涵盖菜单点击事件处理、页面路径构建以及动态加载内容等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);  
                }  
            }  
    });  
});