MVC4制作网站教程第四章 删除栏目4.4
三、栏目
3.1添加栏目
3.2浏览栏目
3.3更新栏目
3.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>
浏览器看下效果。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
上一篇： mysql增加和删除索引的相关操作