您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
MVC4制作网站中如何删除栏目，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
一、栏目
1.1添加栏目
1.2浏览栏目
1.3更新栏目
1.4删除栏目
先打开【CategoryController】，添加删除栏目ManageDeleteJson(int id)，在action先看一下是否有子栏目，如有子栏目则不能删除，没有子栏目则删除。
/// <summary>
/// 删除栏目（Json方式）
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
[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
在修改按钮的后面添加删除按钮 <input id="btn_del" type="button" value="删除" />
添加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";
}
<div class="workspace">
<div class="inside">
<div class="notebar">
<img alt="" src="~/Skins/Default/Manage/Images/Category.gif" />栏目管理
</div>
</div>
</div>
<div class="left">
<div class="top"></div>
@Html.Action("ManagePartialTree", "Category")
</div>
<div class="split"></div>
<div class="clear"></div>代码删掉了底部@section Scripts代码块，这是因为后台管理页顶部的菜单栏，使用easyui 的menubutton，既然这样就把easyui的引用放到布局页_Manage.cshtml里面。
打开_Manage.cshtml，在<head>里面添加
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/EasyUi")
在ManageAdd.cshtml，ManageDetails.cshtml两个视图底部删除这两句
在_Manage.cshtml布局页的<div class="menubar">……</div>中添加栏目管理的代码，完成后的样子
<div class="menubar">
<ul>
<li>@Html.ActionLink("系统管理", "dd", "dd")</li>
<li><a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#menu_category'" >栏目管理</a></li>
</ul>
<div id="menu_category" class="migroup" data-options="iconCls:'icon-add'">
<div>@Html.ActionLink("管理首页", "Manage", "Category")</div>
<div>@Html.ActionLink("添加栏目", "ManageAdd", "Category")</div>
</div>
</div>浏览器看下效果。
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。