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.Action("ManagePartialTree", "Category")@section Scripts { @Styles.Render("~/EasyUi/icon") @Scripts.Render("~/bundles/EasyUi") @Scripts.Render("~/bundles/jqueryval") }
添加一个单页类型节点,在添加一个链接类型节点看一下
点一下栏目树前的小箭头能够显示和关闭下级栏目。但点栏目名称没什么反应,我希望的是点栏目名称能够跳转到栏目详细信息页面~/Category/ManageDetails/id,现在用js实现。打开ManagePartialTree.cshtml,在下面添加脚本。
完工。
看完上述内容,你们对MVC4制作网站中如何浏览栏目有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
网站名称:MVC4制作网站中如何开发浏览栏目-创新互联
浏览路径:http://hbruida.cn/article/jdhih.html