easyui-sidemenu 菜单 后台加载

前言

一个项目的功能较齐全,而齐全就预示着功能菜单比较长,但是现实中在不同的甲方使用中往往只需要摘取其中几项功能,所以就想到用配置菜单以满足其需求,且无需变更原始代码,查找一些资料总是似是而非或是誊抄别的什么,不知所云。最后自己总结了下,给需要的人或是下次自己再次用到的时候以参考。

首先看一个基础的侧边栏案例:



	
		
		侧边栏
		
		
		
		
		
		
	
	
		
	

Basic SideMenu

Collapse the side menu to display the main icon.

这是一个固定的菜单栏,菜单已完全展示,点击加载相对应的url内容。

观察属性有:text(名称),iconCls(图标),url(路径),state(状态,折叠展开),children(子节点-属性与父节点一致)这是最常用的,其余的属性暂不启用不一一叙述。

那么首先要有一个菜单对象包含这些属性:

public class SidemenuModel
    {
        public string text { set; get; }        //title
        public string iconCls { set; get; }     //图标
        public string url { set; get; }         //路径
        public string state { set; get; }       //状态 open 展开折叠
        public List children =null;
    }

然后设置配置文件(其中配置文件类型太多,XML,JSON.DEF......)根据自己擅长方向来,最终能正确获取到想要的数据即可:



  
    
  
  。
  。
  。

这是一个xml配置(打个样),加了一个show属性,区分哪些是需要的菜单

剩下的就是读取与缓存了。。这一步根据自己擅长来。

最终HTML:



	
		
		侧边栏
		
		
		
		
		
		
	
	
		
	

Basic SideMenu

Collapse the side menu to display the main icon.

按照上述步骤,基本上就搞定了加载配置菜单。全是硬货,一目了然。散花。

你可能感兴趣的:(easyui,前端,javascript)