WF系统节点扩展字段的使用
分享WF系统节点扩展字段非本栏目页直接使用无效,研发提供的解决方法如下:
@{ Node node = ViewBag.node; var topNode = NodeService.GetAncestorNode(node, 0); // 筛选这个节点的扩展字段数据。 var extendField = NodeExtendFieldService.GetAll(); topNode.ExtendContentObject.InitExtendContent(extendField, topNode.ExtendContent); if (!string.IsNullOrEmpty(topNode.ExtendObject.banner)) { <div class="page-banner" style="background-image: url('@Power.ToUrl(topNode.ExtendObject.banner)');"></div> } else { <div class="page-banner"></div> } }
第一:有此方法后,可以实现,顶部banner图片来源于本节点或者指定一级节点扩展字段的图片,代码如下:
@inject NodeService NodeService @inject NodeExtendFieldService NodeExtendFieldService @inject StringExtensionsHelper StringExtensionsHelper @Power.VisualizationPartialView(new { Description = "网站顶部" }) @if (ViewBag.IsHome != true) { Node node = ViewBag.node; if(ViewContext.RouteData.Values["area"].ToString().Contains("ContentManage")){ if(Model is Node){ node=Model; } else{ node=Model.Node; } } if(node != null){ if (!string.IsNullOrEmpty(node.ExtendObject.banner)) { <div class="page-banner" style="background-image: url('@Power.ToUrl(node.ExtendObject.banner)');"></div> } else { var topNode = NodeService.GetAncestorNode(node, 0); // 筛选这个节点的扩展字段数据。 var extendField = NodeExtendFieldService.GetAll(); topNode.ExtendContentObject.InitExtendContent(extendField, topNode.ExtendContent); if (!string.IsNullOrEmpty(topNode.ExtendObject.banner)) { <div class="page-banner" style="background-image: url('@Power.ToUrl(topNode.ExtendObject.banner)');"></div> } else { <div class="page-banner"></div> } } } else{ <div class="page-banner"></div> } }
第二:利用节点扩展字段时间比较通用的专题-首页模板,代码如下:
@inject NodeInterfaceExtend NodeInterfaceExtend @inject NodeExtendFieldService NodeExtendFieldService @inject NodeService NodeService @{ var childNodes = NodeService.GetChildNodeList(Model).Take(999); var lastOddClass = ""; foreach (Node childNode in childNodes.Where(n => n.ShowOnParentNodeList)) { // 筛选这个节点的扩展字段数据。 var extendField = NodeExtendFieldService.GetAll(); childNode.ExtendContentObject.InitExtendContent(extendField, childNode.ExtendContent); if (childNodes.Last().Equals(childNode)) { lastOddClass = "lastOdd"; } <dl class="box @lastOddClass"> <dt class="mHd"> <h3>@Power.Url.NodeLink(childNode.Identifier)</h3> </dt> <dd class="mBd"> @if (childNode.MoldId == 1){ if(childNode.ExtendObject.zslx=="焦点图") { <div class="focusNewsBox"> <!-- 焦点图 S --> <div id="box-@(childNode.Identifier)" class="focusBox"> <ul class="bd swiper-wrapper"> @Power.ArticleList("文章图片列表", new {Count=5, Node=childNode.Identifier, Illustrated=true, TitleLength=60, ImageWidth=600, ImageHeight=400,refnode = true }) </ul> <!-- 分页 --> <div class="hd swiper-pagination"> </div> </div> <script> //焦点图轮播 $("#box-@(childNode.Identifier) .swiper-wrapper li").addClass("swiper-slide"); //焦点图轮播 var indFocus = new Swiper("#box-@(childNode.Identifier)", { autoplay: true,//自动播放 loop: true, // 循环模式选项 pagination: { el: ".swiper-pagination", clickable: true, }, }); </script> <ul class="topicList"> @Power.ArticleList("文章头条列表", new {Node =childNode.Identifier, Count = 8, TitleLength = 80, TopicNum = 1, TopicTitleLength = 80, TopicContentLength = 160, TopicDisplayPic = false, DisplayDateTime="MM-dd", Sort="Priority,PublishTime", refnode = true }) </ul> </div> } else if(childNode.ExtendObject.zslx=="图片") { <div class="pic-focus" id="box-@(childNode.Identifier)"> <a href="nojavascript...;" class="prev"><</a> <a href="nojavascript...;" class="next">></a> <ul class="picList swiper-wrapper"> @Power.ArticleList("文章图片列表" , new {Count=10, Node=childNode.Identifier, TitleLength=60, ImageWidth=290, ImageHeight=580,refnode = true }) </ul> </div> <script> $("#box-@(childNode.Identifier) li").addClass("swiper-slide"); var picSwiper = new Swiper ('#box-@(childNode.Identifier)', { autoplay: true,//自动播放 loop: true, // 循环模式选项 initialSlide: 1,//滚动个数 slidesPerView:4,//可视个数 spaceBetween: 10, // 如果需要前进后退按钮 navigation: { nextEl: '.next', prevEl: '.prev', }, breakpoints: { 1280: { //当屏幕宽度小于等于1280 slidesPerView: 3, }, 768: { //当屏幕宽度小于等于768 slidesPerView: 2, }, 320: { //当屏幕宽度小于等于320 slidesPerView: 1, } } }); $('#box-@(childNode.Identifier)').mouseenter(function () { //鼠标停留时暂停自动播放 picSwiper.autoplay.stop(); }) $('#box-@(childNode.Identifier)').mouseleave(function () { //鼠标离开是继续自动播放 picSwiper.autoplay.start(); }) </script> } else if(childNode.ExtendObject.zslx=="图文") { <ul class="topHasPicList"> @Power.ArticleList("文章头条列表-时间后置式", new {Node =childNode.Identifier, Count = 8, TitleLength = 80, TopicNum = 2, TopicTitleLength = 80, TopicContentLength = 100, TopicDisplayPic = true, ImageWidth=300, ImageHeight=200, DisplayDateTime="MM-dd", Sort="Priority,PublishTime", refnode = true }) </ul> } else{ <ul class="infoList"> @Power.ArticleList("文章标题列表", new {Node =childNode.Identifier, Count = 6, TitleLength = 110, ShowDate = true, DateFollowTitle=true, DateFormat = "MM-dd" }) </ul> } } </dd> </dl> } }
用户登录
还没有账号?
立即注册