溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

MVC4制作網(wǎng)站中如何開(kāi)發(fā)刪除

發(fā)布時(shí)間：2021-09-16 16:26:26 來(lái)源：億速云 閱讀：102 作者：柒染 欄目：開(kāi)發(fā)技術(shù)


MVC4制作網(wǎng)站中如何刪除欄目，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

一、欄目

1.1添加欄目

1.2瀏覽欄目

1.3更新欄目

1.4刪除欄目

先打開(kāi)【CategoryController】，添加刪除欄目ManageDeleteJson(int id)，在action先看一下是否有子欄目，如有子欄目則不能刪除，沒(méi)有子欄目則刪除。

/// <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));
    }

打開(kāi)ManageDetails.cshtml

在修改按鈕的后面添加刪除按鈕 <input id="btn_del" type="button" value="刪除" />

添加js腳本

$("#btn_del").click(function () {
    if (confirm("您確定要?jiǎng)h除改欄目嗎？\n如該欄目有子欄目請(qǐng)先刪除子欄目！")) {
      $.post("@Url.Action("ManageDeleteJson","Category")", { id: $("#CategoryId").val() }, function (data) {
        if (data) {
          alert("成功刪除欄目！");
          top.location = "@Url.Action("Manage", "Category")";
        }
        else {
          alert("刪除欄目失敗！如該欄目有子欄目請(qǐng)先刪除子欄目。");
        }
      });
    }
  });

打開(kāi)瀏覽器測(cè)試一下

MVC4制作網(wǎng)站中如何開(kāi)發(fā)刪除

補(bǔ)充：欄目管理的一些其他事項(xiàng)

一、欄目管理首頁(yè)Category/Manage

管理首頁(yè)是欄目管理的默認(rèn)頁(yè)面，暫時(shí)是一個(gè)空頁(yè)面。

打開(kāi)【CategoryController】，添加[Manage]acton，復(fù)制一份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代碼塊，這是因?yàn)楹笈_(tái)管理頁(yè)頂部的菜單欄，使用easyui 的menubutton，既然這樣就把easyui的引用放到布局頁(yè)_Manage.cshtml里面。

打開(kāi)_Manage.cshtml，在<head>里面添加

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

在ManageAdd.cshtml，ManageDetails.cshtml兩個(gè)視圖底部刪除這兩句

在_Manage.cshtml布局頁(yè)的<div class="menubar">……</div>中添加欄目管理的代碼，完成后的樣子

<div class="menubar">
      <ul>
        <li>@Html.ActionLink("系統(tǒng)管理", "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("管理首頁(yè)", "Manage", "Category")</div>
        <div>@Html.ActionLink("添加欄目", "ManageAdd", "Category")</div>
      </div>
    </div>

瀏覽器看下效果。

MVC4制作網(wǎng)站中如何開(kāi)發(fā)刪除

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手