国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 22:36:33
文檔

MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2

MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2:序 一、用戶 二、用戶組 三、欄目 3.1添加欄目 3.2瀏覽欄目 瀏覽欄目這塊做個一個樹形列表,添加欄目的左側(cè)部分只寫了句左側(cè)列表就是指這個樹形列表,等我們寫完替換一下就可以了。 先在【CategoryController】里面添加[ManagePartialTre
推薦度:
導(dǎo)讀MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2:序 一、用戶 二、用戶組 三、欄目 3.1添加欄目 3.2瀏覽欄目 瀏覽欄目這塊做個一個樹形列表,添加欄目的左側(cè)部分只寫了句左側(cè)列表就是指這個樹形列表,等我們寫完替換一下就可以了。 先在【CategoryController】里面添加[ManagePartialTre

一、用戶

二、用戶組

三、欄目

3.1添加欄目

3.2瀏覽欄目

瀏覽欄目這塊做個一個樹形列表,添加欄目的左側(cè)部分只寫了句“左側(cè)列表”就是指這個樹形列表,等我們寫完替換一下就可以了。

先在【CategoryController】里面添加[ManagePartialTree]action,這里的Partial用來說明是分部視圖

/// <summary>
 /// 欄目列表局部樹視圖
 /// </summary>
 /// <returns></returns>
 [AdminAuthorize]
 public ActionResult ManagePartialTree()
 {
 return View();
 }

右鍵添加分部視圖ManagePartialTree.cshtml。分部視圖里用easyui的tree來顯示欄目,使用異步加載,視圖代碼只有一行。

代碼如下:<ul id="ctree" class="easyui-tree" data-options="url:'@Url.Action("ManageTreeChildrenJson", "Category")'"></ul>
這里從[anageTreeChildrenJson]action獲取的json數(shù)據(jù)。

在【CategoryController】添加JsonResult類型的[anageTreeChildrenJson]

/// <summary>
 /// 子欄目樹形控件Json數(shù)據(jù)
 /// </summary>
 /// <param name="id">欄目id</param>
 /// <returns></returns>
 [AdminAuthorize]
 public JsonResult ManageTreeChildrenJson(int id = 0)
 {
 categoryRsy = new CategoryRepository();
 var _children = categoryRsy.Children(id);
 List<Tree> _trees = new List<Tree>(_children.Count());
 foreach(var c in _children)
 {
 Tree _t = new Tree { id = c.CategoryId, text = c.Name};
 switch (c.Type)
 {
 case 0:
 _t.state = "closed";
 _t.iconCls = "icon-general";
 break;
 case 1:
 _t.state = "open";
 _t.iconCls = "icon-page";
 break;
 case 2:
 _t.state = "open";
 _t.iconCls = "icon-link";
 break;
 }
 _trees.Add(_t);
 }
 return Json(_trees, JsonRequestBehavior.AllowGet);
 }

這里默認(rèn)id=0,根據(jù)id查找子欄目,然后遍歷子欄目生成樹的節(jié)點數(shù)據(jù)。

switch (c.Type) 是根據(jù)欄目類型不同來,來設(shè)置節(jié)點狀態(tài)并,設(shè)置不同的圖標(biāo)。最后以Json類型返回。

修改一下上一節(jié)中添加欄目的視圖ManageAdd.cshtml,將左側(cè)列表替換成@Html.Action("ManagePartialTree", "Category")。替換后ManageAdd.cshtml

@model Ninesky.Models.Category

@{
 ViewBag.Title = "ManageAdd";
 Layout = "~/Views/Layout/_Manage.cshtml";
}


<div class="workspace">
 <div class="inside">
 <div class="notebar">
 <img alt="" src="~/Skins/Default/Manage/Images/Category.gif" />添加欄目
 </div>
 @using (Html.BeginForm())
 {
 @Html.ValidationSummary(true)

 <fieldset>
 <legend>欄目</legend>
 <ul>
 <li>
 <div class="editor-label">
 @Html.LabelFor(model => model.Type)
 </div>
 <div class="editor-field">
 @Html.DropDownList("Type")
 @Html.ValidationMessageFor(model => model.Type)
 @Html.DisplayDescriptionFor(model => model.Type)
 </div>
 </li>
 <li>
 <div class="editor-label">
 @Html.LabelFor(model => model.Name)
 </div>
 <div class="editor-field">
 @Html.EditorFor(model => model.Name)
 @Html.ValidationMessageFor(model => model.Name)
 @Html.DisplayDescriptionFor(model => model.Name)
 </div>
 </li>
 <li>
 <div class="editor-label">
 @Html.LabelFor(model => model.ParentId)
 </div>
 <div class="editor-field">
 @Html.TextBox("ParentId", 0, new { @class = "easyui-combotree", data_options = "url:'" + Url.Action("JsonTreeParent", "Category") + "'" })
 @Html.ValidationMessageFor(model => model.ParentId)
 @Html.DisplayDescriptionFor(model => model.ParentId)
 </div>
 </li>
 <li id="li_model">
 <div class="editor-label">
 @Html.LabelFor(model => model.Model)
 </div>
 <div class="editor-field">
 @Html.DropDownList("Model")
 @Html.ValidationMessageFor(model => model.Model)
 @Html.DisplayDescriptionFor(model => model.Model)
 </div>
 </li>
 <li id="li_categoryview">
 <div class="editor-label">
 @Html.LabelFor(model => model.CategoryView)
 </div>
 <div class="editor-field">
 @Html.EditorFor(model => model.CategoryView)
 @Html.ValidationMessageFor(model => model.CategoryView)
 @Html.DisplayDescriptionFor(model => model.CategoryView)
 </div>
 </li>
 <li id="li_contentview">
 <div class="editor-label">
 @Html.LabelFor(model => model.ContentView)
 </div>
 <div class="editor-field">
 @Html.EditorFor(model => model.ContentView)
 @Html.ValidationMessageFor(model => model.ContentView)
 @Html.DisplayDescriptionFor(model => model.ContentView)
 </div>
 </li>
 <li id="li_nav">
 <div class="editor-label">
 @Html.LabelFor(model => model.Navigation)
 </div>
 <div class="editor-field">
 @Html.EditorFor(model => model.Navigation)
 @Html.ValidationMessageFor(model => model.Navigation)
 @Html.DisplayDescriptionFor(model => model.Navigation)
 </div>
 </li>
 <li>
 <div class="editor-label">
 @Html.LabelFor(model => model.Order)
 </div>
 <div class="editor-field">
 @Html.EditorFor(model => model.Order, new { value = 0 })
 @Html.ValidationMessageFor(model => model.Order)
 @Html.DisplayDescriptionFor(model => model.Order)
 </div>
 </li>
 <li>
 <div class="editor-label">
 </div>
 <div class="editor-field">
 <input type="submit" value="添加" />
 </div>
 </li>
 </ul>
 </fieldset>
 }
 </div>
</div>
<div class="left">
 <div class="top"></div>
 @Html.Action("ManagePartialTree", "Category")
</div>
<div class="split"></div>
<div class="clear"></div>
<script type="text/javascript">
 Details();
 $("#Type").change(function () {
 Details();
 });
 function Details() {
 var v = $("#Type").val();
 if (v == "0") {
 $("#li_model").show();
 $("#li_categoryview").show();
 $("#li_contentview").show();
 $("#li_nav").hide();
 }
 else if (v == "1") {
 $("#li_model").hide();
 $("#li_categoryview").show();
 $("#li_contentview").hide();
 $("#li_nav").hide();
 }
 else if (v == "2") {
 $("#li_model").hide();
 $("#li_categoryview").hide();
 $("#li_contentview").hide();
 $("#li_nav").show();
 }
 }
</script>
@section Scripts {
 @Styles.Render("~/EasyUi/icon")
 @Scripts.Render("~/bundles/EasyUi")
 @Scripts.Render("~/bundles/jqueryval")
}

添加一個單頁類型節(jié)點,在添加一個鏈接類型節(jié)點看一下

點一下欄目樹前的小箭頭能夠顯示和關(guān)閉下級欄目。但點欄目名稱沒什么反應(yīng),我希望的是點欄目名稱能夠跳轉(zhuǎn)到欄目詳細(xì)信息頁面~/Category/ManageDetails/id,現(xiàn)在用js實現(xiàn)。打開ManagePartialTree.cshtml,在下面添加腳本。

<script type="text/javascript">
 using("tree", function () {
 $("#ctree").tree({
 onClick: function (node) {
 top.location ="@Url.Action("ManageDetails", "Category")/"+node.id;
 }
 });
 });
</script>

完工。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2

MVC4制作網(wǎng)站教程第四章 瀏覽欄目4.2:序 一、用戶 二、用戶組 三、欄目 3.1添加欄目 3.2瀏覽欄目 瀏覽欄目這塊做個一個樹形列表,添加欄目的左側(cè)部分只寫了句左側(cè)列表就是指這個樹形列表,等我們寫完替換一下就可以了。 先在【CategoryController】里面添加[ManagePartialTre
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top 主站蜘蛛池模板: 国产人成精品综合欧美成人 | 国产三级毛片 | 免费在线观看亚洲 | 日韩视频在线观看一区二区 | 国产99久久精品 | 另类专区 亚洲 | 国产第一夜 | 亚洲一区二区在线免费观看 | 免费观看a毛片一区二区不卡 | 黑人群性xxx | 亚洲欧美一区二区三区久久 | 欧美日韩网 | 精品日韩欧美国产一区二区 | 欧美日韩 在线播放 | 久久精品最新免费国产成人 | 欧美色图在线观看 | 欧美日韩中文在线 | 国产在线观看一区二区三区 | 欧美日韩在线亚洲国产人 | 国产一页| 亚洲一区二区三区精品影院 | 亚洲第一页在线视频 | 国产精品高清一区二区三区不卡 | 日本三级一区二区三区 | 久久免费精品国产72精品剧情 | 六月丁香网站 | 亚洲一区二区三区免费视频 | 国产成人久久蜜一区二区 | 在线精品免费视频 | 成人特黄午夜性a一级毛片 成人国产一区二区三区精品 | 久久精品欧美日韩精品 | 日韩精品欧美视频 | 欧美日韩视频一区三区二区 | 久久久久国产精品美女毛片 | 精品欧美一区二区三区在线观看 | 在线国产观看 | 日本三级成人中文字幕乱码 | 欧美一级在线观看 | 国产69久久精品成人看小说 | 免费国产va在线观看视频 | 国产免费一区二区三区免费视频 |