资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

MVC4制作网站中如何开发浏览栏目-创新互联

今天就跟大家聊聊有关MVC4制作网站中如何浏览栏目，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

在铁岭县等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、网站设计 网站设计制作专业公司,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销,外贸网站制作,铁岭县网站建设费用合理。

序

一、用户

二、用户组

三、栏目

3.1添加栏目

3.2浏览栏目

浏览栏目这块做个一个树形列表，添加栏目的左侧部分只写了句“左侧列表”就是指这个树形列表，等我们写完替换一下就可以了。

先在【CategoryController】里面添加[ManagePartialTree]action，这里的Partial用来说明是分部视图

/// 
    /// 栏目列表局部树视图
    /// 
    /// 
    [AdminAuthorize]
    public ActionResult ManagePartialTree()
    {
      return View();
    }

右键添加分部视图ManagePartialTree.cshtml。分部视图里用easyui的tree来显示栏目，使用异步加载，视图代码只有一行。

复制代码 代码如下:


    这里从[anageTreeChildrenJson]action获取的json数据。

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

    /// 
    /// 子栏目树形控件Json数据
    /// 
    /// 栏目id
    /// 
    [AdminAuthorize]
    public JsonResult ManageTreeChildrenJson(int id = 0)
    {
      categoryRsy = new CategoryRepository();
      var _children = categoryRsy.Children(id);
      List _trees = new List(_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);
    }

    这里默认id=0，根据id查找子栏目，然后遍历子栏目生成树的节点数据。

    switch (c.Type) 是根据栏目类型不同来，来设置节点状态并，设置不同的图标。最后以Json类型返回。

    修改一下上一节中添加栏目的视图ManageAdd.cshtml，将左侧列表替换成@Html.Action("ManagePartialTree", "Category")。替换后ManageAdd.cshtml

    @model Ninesky.Models.Category

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



  
    
      添加栏目
    
        @using (Html.BeginForm())     {       @Html.ValidationSummary(true)       
            栏目         
                
    •                            @Html.LabelFor(model => model.Type)             
                               @Html.DropDownList("Type")               @Html.ValidationMessageFor(model => model.Type)               @Html.DisplayDescriptionFor(model => model.Type)             
                         
  •                            @Html.LabelFor(model => model.Name)                                         @Html.EditorFor(model => model.Name)               @Html.ValidationMessageFor(model => model.Name)               @Html.DisplayDescriptionFor(model => model.Name)                        
    •           
  •                            @Html.LabelFor(model => model.ParentId)                                         @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)                        
    •                                       @Html.LabelFor(model => model.Model)                                         @Html.DropDownList("Model")               @Html.ValidationMessageFor(model => model.Model)               @Html.DisplayDescriptionFor(model => model.Model)                                                               @Html.LabelFor(model => model.CategoryView)                                         @Html.EditorFor(model => model.CategoryView)               @Html.ValidationMessageFor(model => model.CategoryView)               @Html.DisplayDescriptionFor(model => model.CategoryView)                                                               @Html.LabelFor(model => model.ContentView)                                         @Html.EditorFor(model => model.ContentView)               @Html.ValidationMessageFor(model => model.ContentView)               @Html.DisplayDescriptionFor(model => model.ContentView)                                                               @Html.LabelFor(model => model.Navigation)                                         @Html.EditorFor(model => model.Navigation)               @Html.ValidationMessageFor(model => model.Navigation)               @Html.DisplayDescriptionFor(model => model.Navigation)                                   
  •                            @Html.LabelFor(model => model.Order)                                         @Html.EditorFor(model => model.Order, new { value = 0 })               @Html.ValidationMessageFor(model => model.Order)               @Html.DisplayDescriptionFor(model => model.Order)                        
    •           
  •                                                                              
    •                     }           @Html.Action("ManagePartialTree", "Category")   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();     }   } @section Scripts {   @Styles.Render("~/EasyUi/icon")   @Scripts.Render("~/bundles/EasyUi")   @Scripts.Render("~/bundles/jqueryval") }

    添加一个单页类型节点，在添加一个链接类型节点看一下

    MVC4制作网站中如何开发浏览栏目

    点一下栏目树前的小箭头能够显示和关闭下级栏目。但点栏目名称没什么反应，我希望的是点栏目名称能够跳转到栏目详细信息页面~/Category/ManageDetails/id，现在用js实现。打开ManagePartialTree.cshtml，在下面添加脚本。

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

    完工。


    看完上述内容，你们对MVC4制作网站中如何浏览栏目有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。


    文章标题：MVC4制作网站中如何开发浏览栏目-创新互联
    网址分享：http://cdkjz.cn/article/jdhih.html
    返回首页 了解更多建站资讯

    相关资讯

    多年建站经验

    多一份参考，总有益处

    联系快上网，免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈，可以通过以下方式与我们联系

    大客户专线   成都：13518219792   座机：028-86922220

    在线咨询 提交需求
    友情链接 交换友情链接
    网站建设公司中国西部信息中心成都云主机成都电商解决方案香港云空间SSL证书工业净化空调渠县网站建设IOS开发微信小程序开发

    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

    成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图