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

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

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

@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")
}

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