织梦acrlist标签下做分页和分页样式

发布时间:

如何在织梦arclist标签下做分页分页样式?

1、在HTML模板头文件head引入下面代码:

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
  2. <script>
  3. function multi(pagenum,tagid){
  4.   var taget_obj = document.getElementById(tagid);
  5.   var taget_obj_page = document.getElementById("page_"+tagid);
  6.   myajax = new DedeAjax(taget_obj,false,false,'','','');
  7.   myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);
  8.   myajax = new DedeAjax(taget_obj_page,false,false,'','','');
  9.   myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);
  10.   DedeXHTTP = null;
  11. }
  12. </script>
  13. //以上是引用AJAX功能,实现时时翻页功能。

2、做模板页的标签代码:

  1. {dede:arclist typeid='14' titlelen='200' row='100' tagid='index' pagesize='5'}
  2.     <li>
  3.         <p><a href="[field:arcurl/]" target="_blank">[field:title/]...</a></p>
  4.         <p>[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
  5.     </li>
  6. {/dede:arclist}
  7. {dede:arcpagelist tagid='index'/}

上面两组标签中tagid=”index”要对应上

刷新页面会出来数字123

3、做翻页样式

找到文件dede\include\taglib\arcpagelist.lib.php

找到方法function multipage 翻页样式在这里修改

以下是做好的一断代码可以直接复制

  1. function multipage($allItemTotal$currPageNum$pageSize$tagid='')
  2. {
  3.     if ($allItemTotal == 0) return "";
  4.     //计算总页数
  5.     $pagesNum = ceil($allItemTotal/$pageSize);
  6.     //第一页显示
  7.     $firstPage = ($currPageNum <= 1) ? "<span>[首页]</span>" : "<a href='javascript:multi(1,\"{$tagid}\")' title='第1页'><span>[首页]</span></a>";
  8.     //最后一页显示
  9.     $lastPage = ($currPageNum >= $pagesNum)? "<span>[尾页]</span>"$currPageNum : "<a href='javascript:multi("$pagesNum . ",\"{$tagid}\")' title='第"$pagesNum ."页'><span>[尾页]</span></a>";
  10.     //上一页显示
  11.     $prePage  = ($currPageNum <= 1) ? "<span>[上一页]</span>" : "<a href='javascript:multi(". ($currPageNum-1) . ",\"{$tagid}\")'  accesskey='p'  title='上一页'><span>[上一页]</span></a>";
  12.     //下一页显示
  13.     $nextPage = ($currPageNum >= $pagesNum) ? "<span>[下一页]</span>" : "<a href='javascript:multi(". ($currPageNum+1) .",\"{$tagid}\")' title='下一页'><span>[下一页]</span></a>";
  14.     //共X页 共X条记录
  15.     $pagesNum2 = "&nbsp;&nbsp;共&nbsp;".$pagesNum."&nbsp;页&nbsp;&nbsp;共&nbsp;".$allItemTotal."&nbsp;条记录";
  16.     //按页显示
  17.     $listNums = "";
  18.     $listNums.= $firstPage;
  19.     $listNums.= $prePage;
  20.     for ($i=($currPageNum-4); $i<($currPageNum+9); $i++) {
  21.         if ($i < 1 || $i > $pagesNumcontinue;
  22.         if ($i == $currPageNum)
  23.         {
  24.             $listNums.= "<a href='javascript:void(0)' class='thislink'><span>".$i."</span></a>";
  25.         }else
  26.         {
  27.             $listNums.= " <a href='javascript:multi("$i .",\"{$tagid}\")' title='"$i ."'><span>"$i ."</span></a> ";
  28.         }
  29.     }
  30.     $listNums.= $nextPage;
  31.     $listNums.= $lastPage;
  32.     $listNums.= $pagesNum2;
  33.     $returnUrl = $listNums;
  34.     return $returnUrl;
  35. }

刷新后效果:[首页][上一页]12345[下一页][尾页]

3、做CSS分页样式

在模板头文件head中间加入如下代码:

  1. <style>
  2. * {
  3.     padding: 0;
  4.     margin: 0;
  5. }
  6. /*
  7.   * 外面盒子样式---自己定义
  8.   */
  9. .page_div {
  10.     font-size: 12px;
  11.     font-family: "microsoft yahei";
  12.     color: #666666;
  13.     margin-right: 10px;
  14.     padding-left: 42px;
  15.     box-sizing: border-box;
  16. }
  17. /*
  18.  * 页数按钮样式
  19.  */
  20. .page_div span {
  21.     min-width: 30px;
  22.     height: 28px;
  23.     border: 1px solid #dce0e0!important;
  24.     text-align: center;
  25.     margin: 0 4px;
  26.     cursor: pointer;
  27.     line-height: 28px;
  28.     color: #666666;
  29.     font-size: 13px;
  30.     display: inline-block;
  31. }
  32. </style>

调用CSS样式:

  1. <div class="page_div" align="center">
  2.     {dede:arcpagelist tagid='index'/}
  3. </div>

本文来自 大鱼模板网

转载标注此链接:http://www.dayumoban.com/faq/dedejz/17122018.html

留个言呗

您必须 [ 登录 ] 才能发表留言!