您现在的位置是:网站首页> 编程资料编程资料

MVC4制作网站教程第四章 删除栏目4.4_实用技巧_

2023-05-24 399人已围观

简介 MVC4制作网站教程第四章 删除栏目4.4_实用技巧_

三、栏目

3.1添加栏目

3.2浏览栏目

3.3更新栏目

3.4删除栏目

先打开【CategoryController】,添加删除栏目ManageDeleteJson(int id),在action先看一下是否有子栏目,如有子栏目则不能删除,没有子栏目则删除。

 ///  /// 删除栏目(Json方式) ///  ///  ///  [AdminAuthorize] public JsonResult ManageDeleteJson(int id) { categoryRsy = new CategoryRepository(); if (categoryRsy.Children(id).Count() > 0) return Json(false); return Json(categoryRsy.Delete(id)); } 

打开ManageDetails.cshtml

在修改按钮的后面添加删除按钮

添加js脚本

 $("#btn_del").click(function () { if (confirm("您确定要删除改栏目吗?\n如该栏目有子栏目请先删除子栏目!")) { $.post("@Url.Action("ManageDeleteJson","Category")", { id: $("#CategoryId").val() }, function (data) { if (data) { alert("成功删除栏目!"); top.location = "@Url.Action("Manage", "Category")"; } else { alert("删除栏目失败!如该栏目有子栏目请先删除子栏目。"); } }); } }); 

打开浏览器测试一下

补充:栏目管理的一些其他事项

一、栏目管理首页Category/Manage

管理首页是栏目管理的默认页面,暂时是一个空页面。

打开【CategoryController】,添加[Manage]acton,复制一份ManageDetails.cshtml视图,命名为Manage.cshtml,删掉@using (Html.BeginForm())部分,稍改一下代码如下:

 @{ ViewBag.Title = "栏目管理"; Layout = "~/Views/Layout/_Manage.cshtml"; } 
栏目管理
@Html.Action("ManagePartialTree", "Category")

代码删掉了底部@section Scripts代码块,这是因为后台管理页顶部的菜单栏,使用easyui 的menubutton,既然这样就把easyui的引用放到布局页_Manage.cshtml里面。

打开_Manage.cshtml,在里面添加

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/EasyUi")

在ManageAdd.cshtml,ManageDetails.cshtml两个视图底部删除这两句

在_Manage.cshtml布局页的

中添加栏目管理的代码,完成后的样子

浏览器看下效果。

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

-六神源码网