MVC+EasyUI 菜单导航的实现
2015-07-09 21:33
801 查看
一个简单的使用mvc+easyUi 动态菜单显示
直接上代码
前端
控制器
效果图
表结构
www.646708090.com
直接上代码
前端
function initMenu() { $.get("/Admin/Home/GetNav", function (msg) { if (msg==null) { $.messager.alert("系统提示", "<font color=red><b>您没有任何权限!请联系管理员。</b></font>", "warning", function () { top.location.href = '/Admin/Member/Login'; }); return; } var d = msg.rows; var $obj = $('#navs'); $obj.accordion({ animate: false, fit: true, border: false }); for (var i = 0; i < d.length; i++) { if (d[i].ParentCode == "0") { var html = '<ul >'; var ii=d[i].NavCode; for (var j = 0; j < d.length; j++) { if (d[j].ParentCode == ii) { html += "<li><div><a ref=\"" + d[j].NavCode + " \" href=\"javascript:void(0)\" rel=\"" + d[j].NavUrl + "\"><span class=\"icon icon-" + d[j].iconCls + "\"> </span><span class=\"nav\">" + d[j].NavName + "</span></a></div></li>"; } } html += '</ul>'; $obj.accordion('add', { title: d[i].NavName, content: html, iconCls: 'icon-'+d[i].iconCls, border: false }); } } var panels = $obj.accordion('panels'); $obj.accordion('select', panels[0].panel('options').title); $obj.find('li').click(function () { $obj.find('li div').removeClass("selected"); $(this).children('div').addClass("selected"); var link = $(this).find('a'); var title = link.children('.nav').text(); var url = link.attr("rel"); var code = link.attr("ref"); var icon = link.children('.icon').attr('class'); //alert(icon); addTab(title, url, icon); }).hover(function () { $(this).children('div').addClass("hover"); }, function () { $(this).children('div').removeClass("hover"); }); }) };
控制器
/// <summary> /// 获取菜单列表 /// </summary> /// <returns></returns> public ActionResult GetNav() { List<power_Nav> list = db.power_Nav.ToList().OrderByDescending(m => m.NavCode).ToList(); var json = new { total = list.Count, rows = list }; return Json(json, JsonRequestBehavior.AllowGet); }
效果图
表结构
www.646708090.com
相关文章推荐
- UINavigationController
- 学习easyui疑惑(四)
- MVC4 +EasyUI 使用TreeGrid 方法
- 16-UIViewController 手动控制旋转
- 15-UIViewController 与 状态栏模式设定
- 14-UI控件练习示例QQ音乐
- 13-常见UI控件之 UIPageControl分页
- 12-常用UI控件之 UISwitch开关
- 解决OC 字典根据Value找Key 重复和不重复的两种情况
- 11-常用UI控件之 UIProgressView 进度指示器
- 10-常用UI控件之 UIActionSheet
- 09-常用UI控件之 UIAlert
- 08-常用UI控件之 UIActivityIndicatorView风火轮
- 07-UI常见控件之 UISegmentedControl分栏
- 06-常用UI控件之 UISlider滑块
- 05-常用UI控件之 UIImageView
- 2015年7月9日 UITableView
- 04-常用UI控件之 UIlable UIButton UITextFiled
- 02-UIView 调节控件层次
- Java多线程总结之线程安全队列Queue