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>
到此打完收工！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。