ECM内容管理系统

内容页模板调用上一篇下一篇的解决方法

2018-03-31

文章前言-上一篇、下一篇的定义>FrV七七世界-网站建设|UI设计|人资系统|二次开发

分为两种:FrV七七世界-网站建设|UI设计|人资系统|二次开发

  上一篇是当前文章的上一篇文章,即前一篇。FrV七七世界-网站建设|UI设计|人资系统|二次开发

  下一篇是当前文章的下一篇文章,即后一篇。FrV七七世界-网站建设|UI设计|人资系统|二次开发

问题描述:我们在实施内容页模板的时候,根据需要有时候需要用到上一篇和下一篇,那么应该如何调用呢?FrV七七世界-网站建设|UI设计|人资系统|二次开发

问题分析:针对此问题,很明显需要动态调用;FrV七七世界-网站建设|UI设计|人资系统|二次开发

解决方案一:FrV七七世界-网站建设|UI设计|人资系统|二次开发

  js实现,附代码如下:FrV七七世界-网站建设|UI设计|人资系统|二次开发

  <div id="preAndNext"></div>FrV七七世界-网站建设|UI设计|人资系统|二次开发

  <script type="text/javascript">FrV七七世界-网站建设|UI设计|人资系统|二次开发

  $(function(){FrV七七世界-网站建设|UI设计|人资系统|二次开发

  $.ajax({FrV七七世界-网站建设|UI设计|人资系统|二次开发

      dataType: "json",FrV七七世界-网站建设|UI设计|人资系统|二次开发

      url: "/intertidwebapp/document/getPrevAndNextDocuments",FrV七七世界-网站建设|UI设计|人资系统|二次开发

      data: {FrV七七世界-网站建设|UI设计|人资系统|二次开发

          id: <@cms_document field="id" />,FrV七七世界-网站建设|UI设计|人资系统|二次开发

          organId: <@cms_channel id="owner" field="id" />,FrV七七世界-网站建设|UI设计|人资系统|二次开发

          typeId: 1FrV七七世界-网站建设|UI设计|人资系统|二次开发

      },FrV七七世界-网站建设|UI设计|人资系统|二次开发

      success: function(result) {FrV七七世界-网站建设|UI设计|人资系统|二次开发

       if (!result || typeof result != 'object');FrV七七世界-网站建设|UI设计|人资系统|二次开发

  var obj=eval("("+result+")");FrV七七世界-网站建设|UI设计|人资系统|二次开发

  prevHtml = '<a href="' + obj.prev.url + '" target="_blank" title="' + obj.prev.title + '">' + obj.prev.title + '</a>';FrV七七世界-网站建设|UI设计|人资系统|二次开发

  alert(prevHtml);FrV七七世界-网站建设|UI设计|人资系统|二次开发

  nextHtml = '<a href="' + obj.next.url + '" target="_blank" title="' + obj.next.title + '">' + obj.next.title + '</a>'; FrV七七世界-网站建设|UI设计|人资系统|二次开发

       if(prevHtml && nextHtml) {FrV七七世界-网站建设|UI设计|人资系统|二次开发

       $('#preAndNext').html('<ul><li>上一篇:' + prevHtml + '</li><li>下一篇:' + nextHtml + '</li></ul>');FrV七七世界-网站建设|UI设计|人资系统|二次开发

       } else if(prevHtml) {FrV七七世界-网站建设|UI设计|人资系统|二次开发

       $('#preAndNext').html('<ul><li>上一篇:' + prevHtml + '</li></ul>');FrV七七世界-网站建设|UI设计|人资系统|二次开发

       } else if(nextHtml) {FrV七七世界-网站建设|UI设计|人资系统|二次开发

       $('#preAndNext').html('<ul><li>下一篇:' + nextHtml + '</li></ul>');FrV七七世界-网站建设|UI设计|人资系统|二次开发

       }    FrV七七世界-网站建设|UI设计|人资系统|二次开发

      }FrV七七世界-网站建设|UI设计|人资系统|二次开发

  });FrV七七世界-网站建设|UI设计|人资系统|二次开发

  });FrV七七世界-网站建设|UI设计|人资系统|二次开发

  </script>FrV七七世界-网站建设|UI设计|人资系统|二次开发

本文关键词:上一篇  下一篇  

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1