LigerUI权限系统之菜单管理

　　菜单管理跟上篇的组织结构实现方式差不多，所以不存在多大的问题。还是老样，先上图，再看代码。菜单管理界面

　　菜单管理添加:

　　菜单管理修改：

　　前端完整代码：

 @section headerScripts{
     <style type="text/css">
         #grid {
             margin-left: 10px;
             margin-top: 10px;
         }
     </style>

     <script type="text/javascript">

         var UrlMenuDataSource = '@Url.Action("MenuDataSource")';
         var UrlParentNode = '@Url.Action("ParentNode")';
         var UrlAddMenu = '@Url.Action("AddMenu")';
         var UrlModifyMenu = '@Url.Action("ModifyMenu")';
         var UrlDeleteMenu = '@Url.Action("DeleteMenu")';

         $(function () {
             $("#grid").ligerGrid({
                 columns: [
                 { display: '页面名称', name: 'name', id: 'tree1', align: 'left', width: '30%' },
                 { display: '排列序号', name: 'tindex', type: 'int', align: 'left', width: '30%' },
                 { display: '访问地址', name: 'url', align: 'left', width: '30%' },
                 { display: '页面ID', name: 'rid', hide: 'hide', width: '1%' },
                 { display: '页面父ID', name: 'parentrid', hide: 'hide', width: '1%' }
                 ],
                 width: '98%',
                 pageSizeOptions: [, , ],
                 height: '100%',
                 rowHeight: ,
                 headerRowHeight: ,
                 url: UrlMenuDataSource,
                 alternatingRow: true,
                 tree: { columnId: 'tree1' },
                 dataAction: 'local',
                 toolbar: {
                     items: [
                    { text: '增加', click: AddMenu, img: '@Url.Content("~/Content/LigerUI/icons/add.gif")' },
                    { line: true },
                    { text: '修改', click: ModifyMenu, img: '@Url.Content("~/Content/LigerUI/icons/modify.gif")' },
                    { line: true },
                    { text: '删除', click: DeleteMenu, img: '@Url.Content("~/Content/LigerUI/icons/delete.gif")' }
                     ]
                 }
             }
             );

             //添加
             function AddMenu() {

                 if (!window.addWin) {
                     window.addWin = $.ligerDialog.open({
                         target: $("#winAdd"),
                         height: ,
                         width: ,
                         title: "增加菜单",
                         isHidden: false
                     });
                     $("#txtParentNode").ligerComboBox(
                        {
                            url: UrlParentNode,
                            valueField: 'rid',
                            textField: 'name',
                            selectBoxWidth: ,
                            autocomplete: true,
                            width: ,
                            hideOnLoseFocus: true,
                            css: 'combo'
                        }

                    );

                     $("#btnCancel").click(function () {
                         window.addWin.hide();
                     });

                     $("#btnConfirm").click(function () {

                         var parentNode = $("#txtParentNode").ligerComboBox().getValue();
                         var pageName = $("#txtPageName").val();
                         var url = $("#txtUrl").val();
                         var index = $("#txtTIndex").val();

                         if (pageName == "" || url == "") {
                             alert("页面名称和访问地址不能为空！");
                             return;
                         }

                         $.post(UrlAddMenu,
                             { parentNode: parentNode, pageName: pageName, url: url, index: index },
                             function (data) {
                                 if (data.result) {
                                     alert("操作成功！");
                                     $("#grid").ligerGrid().reload();
                                 } else {
                                     alert(data.msg);
                                 }
                             });
                     });
                 } else {
                     window.addWin.show();
                 }

             }
             //修改
             function ModifyMenu() {
                 var ModifyDialog;
                 var grid = $("#grid").ligerGrid();
                 var row = grid.getSelectedRow();
                 if (row == null) {
                     alert("请选择一条数据");
                     return;
                 }
                 $("#winModify").data("name",row.name);
                 $("#winModify").data("tindex",row.tindex);
                 $("#winModify").data("url", row.url);
                 $("#winModify").data("rid", row.rid);
                 $("#winModify").data("parentrid", row.parentrid);

                 if (!window.modifyWin) {
                     window.modifyWin = $.ligerDialog.open({
                         target: $("#winModify"),
                         height: ,
                         width: ,
                         title: "修改菜单"
                     });

                     $("#txtModifyPageName").val( $("#winModify").data("name"));
                     $("#txtIndex").val( $("#winModify").data("tindex"));
                     $("#txtModifyUrl").val($("#winModify").data("url"));
                     $("#txtRid").val($("#winModify").data("rid"));
                     $("#txtParentRid").val( $("#winModify").data("parentrid"));

                     $("#btnModifyCancel").click(function () {
                         window.modifyWin.hide();
                     });

                     $("#btnModifyConfirm").click(function () {

                         var pageName = $("#txtModifyPageName").val();
                         var index = $("#txtIndex").val();
                         var url = $("#txtModifyUrl").val();
                         var rid = $("#txtRid").val();
                         var parentrid = $("#txtParentRid").val();

                         if (pageName == "" || url == "") {
                             alert("页面名称和访问地址不能为空");
                             return;
                         }

                         $.post(UrlModifyMenu, { pageName: pageName, index: index, url: url, rid: rid, parentrid: parentrid }, function (data) {
                             if (data.result) {
                                 alert("操作成功！");
                                 $("#grid").ligerGrid().reload();
                             } else {
                                 alert(data.msg);
                             }
                         });
                     });
                 } else {
                     $("#txtModifyPageName").val($("#winModify").data("name"));
                     $("#txtIndex").val($("#winModify").data("tindex"));
                     $("#txtModifyUrl").val($("#winModify").data("url"));
                     $("#txtRid").val($("#winModify").data("rid"));
                     $("#txtParentRid").val($("#winModify").data("parentrid"));
                     window.modifyWin.show();
                 }

             }
             //删除
             function DeleteMenu() {
                 var grid = $("#grid").ligerGrid();
                 var row = grid.getSelectedRow();
                 if (row == null) {
                     alert("请选择一条数据");
                     return;
                 }
                 if (confirm("是否确定删除？")) {
                     $.post(UrlDeleteMenu, { rid: row.rid }, function (data) {
                         if (data.result) {
                             alert("删除成功！");
                             $("#grid").ligerGrid().reload();
                         } else {
                             alert(data.msg);
                         }
                     });
                 }

             }
         });
     </script>
 }

 <div id="grid"></div>

 <div id="winAdd" style="display: none;">
     <table class="tb" style="height: 170px;">
         <tr class="tr">
             <td class="td">父级：</td>
             <td>
                 <input id="txtParentNode" /></td>
         </tr>
         <tr class="tr">
             <td class="td">页面名称：</td>
             <td>
                 <input id="txtPageName" type="text" /></td>
         </tr>
         <tr class="tr">
             <td class="td">访问地址:
             </td>
             <td>
                 <input id="txtUrl" type="text" />
             </td>

         </tr>
         <tr class="tr">
             <td class="td">排列序号:
             </td>
             <td>
                 <input id="txtTIndex" type="text" />
             </td>

         </tr>
         <tr class="tr">
             <td colspan="">
                 <button id="btnConfirm" class="ui-button">确定</button>
                 <button id="btnCancel" class="ui-button">取消</button>
             </td>
         </tr>
     </table>
 </div>

 <div id="winModify" style="display: none;">
     <table class="tb" style="height: 170px;">
         <tr class="tr">
             <td class="td">页面名称：</td>
             <td>
                 <input id="txtModifyPageName" type="text" /></td>
         </tr>
         <tr class="tr">
             <td class="td">排列序号：</td>
             <td>
                 <input id="txtIndex" /></td>
         </tr>
         <tr class="tr">
             <td class="td">访问地址:
             </td>
             <td>
                 <input id="txtModifyUrl" type="text" />
                 <input id="txtRid" type="hidden" />
                  <input id="txtParentRid" type="hidden" />
             </td>

         </tr>
         <tr class="tr">
             <td colspan="">
                 <button id="btnModifyConfirm" class="ui-button">确定</button>
                 <button id="btnModifyCancel" class="ui-button">取消</button>
             </td>
         </tr>
     </table>
 </div>

　　后端完整代码：

 public class MenuController : Controller
     {
         //
         // GET: /Menu/

         private IMenuRepository _menuRepository;

         public MenuController(IMenuRepository menuRepository)
         {

             this._menuRepository = menuRepository;
         }

         public ActionResult Index()
         {
             return View();
         }

         public JsonResult MenuDataSource()
         {

             var data = _menuRepository.GetMenuParentsNode().ToList();

             var list = new List<dynamic>();

             foreach (var item in data)
             {
                 var children = _menuRepository.GetMenuChildrenNodeByParentId(item.rid).ToList();

                 if (children == null || children.Count() == )
                 {
                     list.Add(new
                     {
                         name = item.name,
                         tindex = item.tindex,
                         url = item.url,
                         rid=item.rid,
                         parentrid = item.parentrid
                     });
                 }
                 else
                 {
                     list.Add(new
                     {
                         name = item.name,
                         tindex = item.tindex,
                         url = item.url,
                         rid = item.rid,
                         parentrid = item.parentrid,
                         children = children.Select(m => new {
                             name = m.name,
                             tindex = m.tindex,
                             url = m.url,
                             rid = m.rid,
                             parentrid = m.parentrid
                         })
                     });
                 }
             }

             return Json(new
             {
                 Rows = list,
                 Total = list.Count()
             }, JsonRequestBehavior.AllowGet);

         }

         public JsonResult ParentNode()
         {

             var data = _menuRepository.GetMenuParentsNode().ToList();

             return Json(data, JsonRequestBehavior.AllowGet);
         }

         public JsonResult AddMenu(int? parentNode, string pageName, string url,int?index)
         {
             var check = _menuRepository.GetMenuByCondition(pageName, url);

             if (check.Count() > )
             {
                 return Json(new { result = false, msg = "修改失败，已存在相同的菜单！" }, JsonRequestBehavior.AllowGet);
             }
             var menu = new t_resources()
             {
                 name = pageName,
                 url = url,
                 parentrid = parentNode,
                 tindex=index
             };

             try
             {
               var result= _menuRepository.AddMenu(menu);
               if (result)
               {
                   return Json(new { result = true, msg = "" }, JsonRequestBehavior.AllowGet);
               }
               else
               {
                   return Json(new { result = false, msg = "操作失败！" }, JsonRequestBehavior.AllowGet);
               }
             }
             catch (Exception ex)
             {
                 return Json(new { result = false, msg = ex.Message }, JsonRequestBehavior.AllowGet);
             }
         }

         public JsonResult DeleteMenu(int rid)
         {
             var menu = new t_resources()
             {
                 rid=rid
             };

             try
             {
                 var result = _menuRepository.DeleteMenu(menu);
                 if (result)
                 {
                     return Json(new { result = true, msg = "" }, JsonRequestBehavior.AllowGet);
                 }
                 else
                 {
                     return Json(new { result = false, msg = "操作失败！" }, JsonRequestBehavior.AllowGet);
                 }
             }
             catch (Exception ex)
             {
                 return Json(new { result = false, msg = ex.Message }, JsonRequestBehavior.AllowGet);
             }
         }

         public JsonResult ModifyMenu(string pageName, int? index, string url, int rid, int? parentrid)
         {
             var check = _menuRepository.GetMenuByCondition(pageName,url);

             if (check.Count() > ) {
                 return Json(new { result = false, msg = "修改失败，已存在相同的菜单！" }, JsonRequestBehavior.AllowGet);
             }

             var menu = new t_resources()
             {
                 name=pageName,
                 tindex=index,
                 url=url,
                 rid=rid,
                 parentrid=parentrid
             };

             try
             {
                 var result = _menuRepository.UpdateMenu(menu);
                 if (result)
                 {
                     return Json(new { result = true, msg = "" }, JsonRequestBehavior.AllowGet);
                 }
                 else
                 {
                     return Json(new { result = false, msg = "操作失败！" }, JsonRequestBehavior.AllowGet);
                 }
             }
             catch (Exception ex)
             {
                 return Json(new { result = false, msg = ex.Message }, JsonRequestBehavior.AllowGet);
             }
         }
     }