源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

MVC4制作网站教程第四章 删除栏目4.4

  • 时间:2020-04-22 01:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:MVC4制作网站教程第四章 删除栏目4.4
[b]三、栏目[/b] [b]3.1添加栏目[/b] [b]3.2浏览栏目[/b] [b]3.3更新栏目[/b] [b]3.4删除栏目[/b] 先打开【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("删除栏目失败!如该栏目有子栏目请先删除子栏目。");
        }
      });
    }
  });

打开浏览器测试一下 [img]http://files.jb51.net/file_images/article/201608/2016823110430024.jpg?201672311440[/img] [b]补充:[/b]栏目管理的一些其他事项 [b]一、栏目管理首页Category/Manage[/b] 管理首页是栏目管理的默认页面,暂时是一个空页面。 打开【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>

浏览器看下效果。 [img]http://files.jb51.net/file_images/article/201608/2016823110514044.jpg?201672311523[/img] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部