eyoucms程序artpagelist 瀑布流分页列表加载更多标签介绍

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

artpagelist 瀑布流分页列表(配合artlist标签可实现ajax瀑布流分页)

[基础用法]

标签：artpagelist

描述：实现无刷新瀑布流分页，可适用于列表分页，与区域块的列表分页。
（注意：要实现瀑布流分页，必须要在模板目录pc/system里创建一个模板样本，命名格式为：artlist_+tagid属性名称，比如：artlist_index001.htm，里面内容请复制artlist标签包住的全部代码片段，不包括artlist标签。可以参考示例。）

用法：

{eyou:artpagelist tagid='与artlist标签的tagid名称一致' pagesize='3' tips='没有数据了'}

<a href="javascript:void(0);" {$field.onclick}>点击加载更多</a>
{/eyou:artpagelist}

属性：

tagid='' 对应artlist标签的tagid名称，紧跟在arlis标签之后使用，可实现ajax瀑布流分页；
pagesize='' 每次加载分页的条数；
tips='' 加载完数据之后显示没有数据的文案，比如：没有数据了
loading='' 加载样式效果，默认是转圈图片，可以填写文案，比如：加载中…

id='' 可以任意指定循环里的变量名替代field，假设id='field1'，模板调用如：{$field.title} 变成 {$field1.title}

涉及表字段：

无

【更多示例】

-------------------------------示例1--------------------------------

描述：在非列表页实现无刷新的瀑布流分页
<div id='与artlist标签的tagid名称一致'>

{eyou:artlist typeid='栏目ID' row='10' tagid='唯一的标签名称'}

<a href='{$field.arcurl}'>{$field.title}</a>

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

同时在模板目录pc/system目录下创建瀑布流加载文件 artlist_属性tagid名称.htm ，并把标签artlist包住的代码片段复制到里面，比如：
artlist_index001.htm文件里的内容为：
<a href='{$field.arcurl}'>{$field.title}</a>

-------------------------------示例2--------------------------------

描述：在列表页实现无刷新的瀑布流分页
<div id='与artlist标签的tagid名称一致'>

{eyou:artlist row='10' tagid='唯一的标签名称'}

<a href='{$field.arcurl}'>{$field.title}</a>

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

同时在模板目录pc/system目录下创建瀑布流加载文件 artlist_属性tagid名称.htm ，并把标签artlist包住的代码片段复制到里面，比如：
artlist_index001.htm文件里的内容为：
<a href='{$field.arcurl}'>{$field.title}</a>

以上就是速优网络和大家分享的"eyoucms程序artpagelist 瀑布流分页列表加载更多标签介绍",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：

上一篇： eyoucms后台升级异常处理方法，易优

下一篇： eyoucms程序modelsartli