zoukankan      html  css  js  c++  java
  • 瀑布流分页

    <div id='tagid名称'>
    {eyou:arclist typeid='栏目ID' row='10' tagid='tagid名称'}
    <a href='{$field.arcurl}'>{$field.title}</a>
    {/eyou:arclist}
    </div>
    
    {eyou:arcpagelist pagesize='3' tagid='tagid名称' tips='没有数据了'}
    <a href="javascript:void(0);" {$field.onclick}>点击加载更多</a>
    {/eyou:arcpagelist}

    需要在模板文件夹建一个system的文件夹,里面建一个arclist_tagid名称.htm的文件,将标签上的<a href='{$field.arcurl}'>{$field.title}</a>复制进去。
    row='10'为初始数据

    pagesize='3' 点一次加载3条数据

    更详细的教程:

    [arcpagelist基础用法]

    名称:arcpagelist

    范围:首页,列表页,内容页等

    第一步,在你想要放ajax瀑布流分页的模板加入如下代码

    {eyou:arclist row='10' typeid='栏目ID' tagid='标签名称'}
        <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>
    {/eyou:arclist}

    栏目ID填你对应的后台栏目前面的数字,tagid='标签名称'中的标签名称改一个名称比如:abc,看是否输出了数据。

    第二步,在上面代码基础上的外围加上<div id="abc">,没错,就是和上面的tagid='标签名称'的标签名称是一致的。这很重要。代码如下:

    <div id="abc">
       {eyou:arclist row='10' typeid='栏目ID' tagid='abc' }
           <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>
       {/eyou:arclist}
    </div>

    第三步:在<div id="abc">外围加上AJAX分页代码,如下:

    {eyou:arcpagelist pagesize='3' tagid='与上面的tagid名称一致' tips='没有数据了'}
    <a href="javascript:void(0);" {$field.onclick}>点击加载更多</a>
    {/eyou:arcpagelist}

    变成

    <div id="abc">
       {eyou:arclist row='10' typeid='栏目ID' tagid='abc' }
           <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>
       {/eyou:arclist}
    </div>
     
    {eyou:arcpagelist pagesize='3' tagid='abc' tips='没有数据了'}
        <a href="javascript:void(0);" {$field.onclick}>点击加载更多</a>
    {/eyou:arcpagelist}

    第四步

            在当前模板文件夹里建一个叫做system的文件夹,system里面建一个arclist_tagid名称.htm的文件,如我们上面的例子可以命名为arclist_abc.htm,请注意红色的这个abc,这和上面的tagid是一致的。将上面{eyou:arclist}与{/eyou:arclist}之间的代码也就是 <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>粘到arclist_abc.htm,保存,这样就可以实现ajax瀑布流分页效果了,pagesize='3'你可以改成你点击一次加载的条数。上面的arclist里的row='10'是指默认初如条数。

    总结

            arcpagelist标签实现ajax瀑布流分页关健要点:

            第一,tagid标签的位置,1、外围,2、arclist里面,3、arcpagelist里,4、system里的htm文件名,总共四个地方要一致。如果运行有问题,可以从这四个地方排查。

            第二,system里面的htm文件的内容一定要和{eyou:arclist}与{/eyou:arclist}之间的代码一致。

            掌握了方法后,你就可以加入图片等数据了。

  • 相关阅读:
    存储过程分页
    Oracle需要启动的服务说明
    win7下安装和卸载oracle 10g转载
    WEB客户端页面打印
    网站前端使用代码(小技巧)
    二进制部署K8S集群(十)Master节点之部署四层反向代理
    二进制部署K8S集群(十四)之关于K8S证书
    二进制部署K8S集群(十七)之控制器使用
    二进制部署K8S集群(十五)之kubectl陈述式资源管理
    二进制部署K8S集群(十六)之kubectl声明式资源管理
  • 原文地址:https://www.cnblogs.com/maqianhan/p/14317218.html
Copyright © 2011-2022 走看看