MVC4制作网站教程第三章 删除用户组操作3.4
一、用户
二、用户组
2.1浏览用户组
2.2添加用户组
2.3修改用户组
2.4删除用户组
删除用户组相对简单些,不用单独的页面,直接在浏览页面点击删除时,弹出确认删除对话框,点击确认,用jquerypost删除。
打开【UserGroupController】,删掉publicActionResultDelele(intGroupId){returnView();}
修改删除处理Action[Delete(intId)],修改后的代码
///<summary> ///删除用户组 ///</summary> ///<paramname="Id">用户组Id</param> ///<returns></returns> [HttpPost] [AdminAuthorize] publicJsonResultDelete(intId) { userGroupRsy=newUserGroupRepository(); if(userGroupRsy.Delete(Id))returnJson(true); elsereturnJson(false); }
这里返回类型为JsonResult目的方便使用jquery的post方式删除。
打开List.cshtml,将@Html.ActionLink("删除","Delete",new{id=item.UserGroupId})改为<ahref="javascript:void(0)"onclick="Delete(@item.UserGroupId,'@item.Name')">删除</a>
在文件底部添加脚本
functionDelete(id,name){ if(confirm("你确定要删除【"+name+"】吗?")){ $.post("@Url.Content("~/UserGroup/Delete")",{Id:id},function(data){ if(data){ alert("删除【"+name+"】成功!"); location.reload(); } }); } }
完成后整个List.cshtml的代码如下:
@modelIEnumerable<Ninesky.Models.UserGroup> @{ ViewBag.Title="用户组列表"; Layout="~/Views/Layout/_Manage.cshtml"; } <divclass="left"> <divclass="top"></div> 左侧列表 </div> <divclass="split"></div> <divclass="workspace"> <divclass="inside"> <divclass="notebar"> <imgalt=""src="~/Skins/Default/Manage/Images/UserGroup.gif"/>用户组列表 </div> <divclass="buttonbar">@Html.ActionLink("添加用户组","Add","UserGroup")用户组类型: @Html.DropDownList("GroupTypeList") </div> <table> <tr> <th> @Html.DisplayNameFor(model=>model.Name) </th> <th> @Html.DisplayNameFor(model=>model.Type) </th> <th> @Html.DisplayNameFor(model=>model.Description) </th> <th></th> </tr> @foreach(variteminModel) { <tr> <td> @Html.DisplayFor(modelItem=>item.Name) </td> <td> @Html.DisplayFor(modelItem=>item.Type) </td> <td> @Html.DisplayFor(modelItem=>item.Description) </td> <td> @Html.ActionLink("修改","Edit",new{id=item.UserGroupId})| <ahref="javascript:void(0)"onclick="Delete(@item.UserGroupId,'@item.Name')">删除</a> </td> </tr> } </table> </div> </div> <divclass="clear"></div> <scripttype="text/javascript"> $("#GroupTypeList").change(function(){ window.location.href="/UserGroup/List/"+$(this).children("option:selected").val(); }) functionDelete(id,name){ if(confirm("你确定要删除【"+name+"】吗?")){ $.post("@Url.Content("~/UserGroup/Delete")",{Id:id},function(data){ if(data){ alert("删除【"+name+"】成功!"); location.reload(); } }); } } </script>
到此打完收工!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。