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>
到此打完收工!
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
ASP.NET?MVC使用Quartz.NET執(zhí)行定時任務
這篇文章介紹了ASP.NET?MVC使用Quartz.NET執(zhí)行定時任務的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-09-09
.net/c# memcached緩存獲取所有緩存鍵的方法步驟
這篇文章主要介紹了.net/c# memcached緩存獲取所有緩存鍵的方法步驟,大家參考使用吧2013-12-12
解析利用wsdl.exe生成webservice代理類的詳解
本篇文章是對利用wsdl.exe生成webservice代理類進行了詳細的分析介紹,需要的朋友參考下2013-05-05
使用Entity Framework(4.3.1版本)遇到的問題整理
在這里記錄一下之前使用Entity Framework(4.3.1版本)遇到的問題:更新沒有設置主鍵的表、更改Code-First的默認連接、檢測字符串截斷錯誤,需要的朋友可以參考下2012-12-12
Asp.net開發(fā)之webform圖片水印和圖片驗證碼的實現(xiàn)方法
這篇文章主要介紹了Asp.net開發(fā)之webform圖片水印和圖片驗證碼的實現(xiàn)方法,實現(xiàn)思路分為前后臺代碼和效果展示,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-10-10
Asp.Net Core輕松學之利用日志監(jiān)視進行服務遙測詳解
這篇文章主要給大家介紹了關于Asp.Net Core輕松學之利用日志監(jiān)視進行服務遙測的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧2018-12-12
asp.net實現(xiàn)刪除DataGrid的記錄時彈出提示信息
這篇文章主要介紹了asp.net實現(xiàn)刪除DataGrid的記錄時彈出提示信息,非常實用的功能,需要的朋友可以參考下2014-08-08

