您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程
易优cms标签arcpagelist配合arclist实现ajax瀑布流分页的方法
孙彩武2025-04-16易优cms教程已有人查阅
导读arcpagelist瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页)功能:实现无刷新瀑布流分页,可适用于列表分页,与区域块的列表分页。
arcpagelist瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页)
[基础用法]
名称:arcpagelist
功能:实现无刷新瀑布流分页,可适用于列表分页,与区域块的列表分页。
(注意:要实现瀑布流分页,必须要在模板目录pc/system里创建一个模板样本,命名格式为:arclist_+tagid属性名称,比如:arclist_index001.htm,里面内容请复制arclist标签包住的全部代码片段,不包括arclist标签。可以参考示例。)
语法:
tagid='' 对应arclist标签的tagid名称,紧跟在arlis标签之后使用,可实现ajax瀑布流分页;
pagesize='' 每次加载分页的条数;
tips='' 加载完数据之后显示没有数据的文案,比如:没有数据了
loading='' 加载样式效果,默认是转圈图片,可以填写文案,比如:加载中…
id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}
底层字段:
无
【更多示例】 -------------------------------示例1--------------------------------
描述:在非列表页实现无刷新的瀑布流分页
arclist_index001.htm文件里的内容为:
描述:在列表页实现无刷新的瀑布流分页
arclist_index001.htm文件里的内容为:
[基础用法]
名称: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>
本文标签:
很赞哦! ()
相关教程
图文教程
易优eyoucms怎么安装空数据包
在安装网站时,如果您希望安装一个没有任何预设内容的空数据包,可以按照以下步骤操作。这里以易优CMS (EyouCMS) 为例:步骤 1: 获取空数据包访问官网或更新日志:前往易优CMS的
易优cms网站安装一直显示未知错误无法继续的解决方法
当您在安装易优CMS时遇到“未知错误,无法继续”的问题,并且怀疑是由于数据库版本过高导致的,可以尝试将MySQL版本设置为5.6。以下是详细的步骤说明:解决步骤
易优cms验证码出错的解决方法
当您在使用易优CMS时遇到验证码出错的问题,这可能是由于多种原因造成的。以下是一些常见的原因及相应的解决方法:1. 验证码不显示问题描述:验证码图像不显示。
易优CMS本地测试正常放到虚拟主机提示Warning: include_once
安装的时候出现这个: 虚拟主机HPH5.5 ,数据库MYSQL 5.6 PHP Warning: include_once(./templates/step1.php): failed to open stream: No such file or directory in
相关源码
-
(自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码 -
帝国cms7.5品牌连锁店招商加盟商机网站模版源码本模板为招商加盟、创业投资、品牌连锁等商业领域设计,采用帝国CMS7.5内核构建,整体风格简洁大气,突出商业信任感与专业度,适合各类招商加盟项目展示、品牌连锁店宣传等商业应用场景。查看源码 -
(PC+WAP)盆栽绿植观赏植物花卉租赁免费pbootcms网站模板为花卉盆栽租赁、园林绿化企业打造的PbootCMS网站模板,采用较新内核开发,PC与移动端数据实时同步。通过清新自然的视觉设计,精准展现植物养护、花卉展示等业务场景,帮助用户快速建立专业级行业网站。查看源码 -
响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板,为茶叶茶道企业设计,同时支持古玩字画、艺术文化等行业的快速适配,通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码 -
(自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板,自动适配电脑、平板和手机,浏览体验一致,独立页面SEO设置,提升搜索引擎可见度。查看源码 -
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发,基于帝国CMS7.5内核构建,针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析,实现小说资源的精准推荐与导航功能。查看源码
| 分享笔记 (共有 篇笔记) |
