MVC4制作网站教程第三章 删除用户组操作3.4

一、用户
二、用户组
2.1浏览用户组 
2.2添加用户组 
2.3修改用户组 
2.4删除用户组 

删除用户组相对简单些，不用单独的页面，直接在浏览页面点击删除时，弹出确认删除对话框，点击确认，用jquery post删除。 

打开【usergroupcontroller】，删掉public actionresult delele(int groupid) { return view(); } 

修改删除处理action[delete(int id)],修改后的代码 

/// <summary>
 /// 删除用户组
 /// </summary>
 /// <param name="id">用户组id</param>
 /// <returns></returns>
 [httppost]
 [adminauthorize]
 public jsonresult delete(int id)
 {
 usergrouprsy = new usergrouprepository();
 if (usergrouprsy.delete(id)) return json(true);
 else return json(false);
 } 

这里返回类型为jsonresult目的方便使用jquery 的post方式删除。 

打开list.cshtml,将@html.actionlink("删除", "delete", new { id = item.usergroupid }) 改为<a href="javascript:void(0)" onclick="delete(@item.usergroupid,'@item.name')" >删除</a> 

在文件底部添加脚本

function delete(id,name) {
 if (confirm("你确定要删除【" + name + "】吗？")) {
 $.post("@url.content("~/usergroup/delete")", {id:id}, function (data) {
 if (data) {
 alert("删除【" + name + "】成功！");
 location.reload();
 }
 });
 }
 } 

完成后整个list.cshtml的代码如下： 

@model ienumerable<ninesky.models.usergroup>

@{
 viewbag.title = "用户组列表";
 layout = "~/views/layout/_manage.cshtml";
}
<div class="left">
 <div class="top"></div>
 左侧列表
</div>
<div class="split"></div>
<div class="workspace">
 <div class="inside">
 <div class="notebar">
 <img alt="" src="~/skins/default/manage/images/usergroup.gif" />用户组列表
 </div>
 <div class="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 (var item in model)
 {
 <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 }) |
 <a href="javascript:void(0)" onclick="delete(@item.usergroupid,'@item.name')" >删除</a>
 </td>
 </tr>
 }
 </table>
 </div>
</div>
<div class="clear"></div>
<script type="text/javascript">
 $("#grouptypelist").change(function () {
 window.location.href = "/usergroup/list/" + $(this).children("option:selected").val();
 })
 function delete(id,name) {
 if (confirm("你确定要删除【" + name + "】吗？")) {
 $.post("@url.content("~/usergroup/delete")", {id:id}, function (data) {
 if (data) {
 alert("删除【" + name + "】成功！");
 location.reload();
 }
 });
 }
 }
</script> 

到此打完收工！ 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。