易优cms标签arcpagelist配合arclist实现ajax瀑布流分页的方法

arcpagelist瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页)
[基础用法]
名称：arcpagelist
功能：实现无刷新瀑布流分页，可适用于列表分页，与区域块的列表分页。
（注意：要实现瀑布流分页，必须要在模板目录pc/system里创建一个模板样本，命名格式为：arclist_+tagid属性名称，比如：arclist_index001.htm，里面内容请复制arclist标签包住的全部代码片段，不包括arclist标签。可以参考示例。）
语法：

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

参数：
tagid='' 对应arclist标签的tagid名称，紧跟在arlis标签之后使用，可实现ajax瀑布流分页；
pagesize='' 每次加载分页的条数；
tips='' 加载完数据之后显示没有数据的文案，比如：没有数据了
loading='' 加载样式效果，默认是转圈图片，可以填写文案，比如：加载中…
id='' 可以任意指定循环里的变量名替代field，假设id='field1'，模板调用如：{$field.title} 变成 {$field1.title}
底层字段：
无
【更多示例】 -------------------------------示例1--------------------------------
描述：在非列表页实现无刷新的瀑布流分页

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

同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ，并把标签arclist包住的代码片段复制到里面，比如：
arclist_index001.htm文件里的内容为：

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

-------------------------------示例2--------------------------------
描述：在列表页实现无刷新的瀑布流分页

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

同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ，并把标签arclist包住的代码片段复制到里面，比如：
arclist_index001.htm文件里的内容为：

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

疯狂暗示打赏按钮

本文标签：

声明：本文由代码号注册/游客用户【孙彩武】供稿发布，本站不对用户发布的易优cms标签arcpagelist配合arclist实现ajax瀑布流分页的方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：孙彩武» https://www.ebingou.cn/dmh/14750.html

很赞哦！ ()