最近一个项目用到这个功能,本来以为很容易,但写起来发现还是有点小难度的,现在写出来分享,如果不好不要拍砖~

  效果图 1

  基于asp.net ajax 的异步加载无限级联树状菜单

  效果图 2

  基于asp.net ajax 的异步加载无限级联树状菜单

  效果图 3

   基于asp.net ajax 的异步加载无限级联树状菜单

  一:数据库设计

基于asp.net ajax 的异步加载无限级联树状菜单
基于asp.net ajax 的异步加载无限级联树状菜单

 

    数据字典:

    menuID:自增列

    menuName:菜单名

    url:菜单指向

    parentID:父级菜单ID,根目录为 0

    menuIndex:菜单排序ID

    menuLevel:菜单级别,根级别为 0

    menuImg:菜单图片

 

  二:数据实体类 

    需要这个类是为了前台操作的方便,这里要感慨微软的ajax框架确实功能强大,通过它,在前台用Javascript可以很方便的操作。这个类对应于数据表,非常简单。

    

    /// <summary>
    
/// 菜单信息类
    
/// </summary>
    [Serializable]
    
public class MenuInfo
    {
        
public int MenuId { getset; }
        
public string MenuName { getset; }
        
public string Url { getset; }
        
public int ParentId { getset; }
        
public int MenuIndex { getset; }
        
public int MenuLevel { getset; }
        
public int ChildCount { getset; }

        
public MenuInfo() { }
    }

相关文章: