您现在的位置是:首页 > 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模板列表分页样式的修改方法
eyoucms列表分页代码是 {eyou:pagelist listitem="info,index,end,pre,next,pageno" listsize="2"/}
易优cms网站后台登陆验证码关闭的方法
如果您希望关闭易优CMS后台登录时的验证码功能,可以通过安装易优助手插件来实现这一目的。以下是详细的步骤:步骤安装易优助手插件配置插件关闭验证码
易优Eyoucms标签channel网站导航获取站点栏目信息用法和参数介绍
[基础用法]名称:channel功能:常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息,方便网站会员分类浏览整站信息
易优cms标签pagelist分页页码功能使用方法和参数介绍
[基础用法]名称:pagelist功能:表示分页页码列表(注:pagelist标签是在list标签之后使用来调用列表数据分页功能。)listsize=2 表示 [1][2][3][4][5] 这些项的长度 - 1,再除以2得出的结果值
相关源码
-
(自适应)WordPress主题SEO自媒体博客资讯模板RabbitV2.0Rabbit v2.0主题专注于网站搜索引擎优化需求,为博客、自媒体及资讯类网站提供专业的SEO技术解决方案。该主题从架构设计到功能实现均围绕搜索引擎优化理念展开。查看源码 -
(自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发,为机械设备制造企业量身打造。设计风格大气稳重,充分展现机械行业的专业特质与技术实力。采用HTML5技术构建,支持中英文双语切换,满足国际化业务需求。整站布局合理,充分展示企业产品、案例与服务,帮助访客快速了解企业核心优势。查看源码 -
(PC+WAP)化工材料企业环保能源绿色营销型pbootcms模板源码下载本模板为化工材料及环保能源企业设计,采用PbootCMS开发,可展示各类化工产品、环保技术及能源解决方案。查看源码 -
(自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计,基于PbootCMS内核开发。采用现代化响应式布局,适配各类移动设备,能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块,满足不同类型配件企业的展示需求。查看源码 -
WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计,提供专业的内容展示与管理方案。该主题集成前端用户中心功能,支持用户在前端界面发布和投稿文章,操作流程简洁高效。查看源码 -
(PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
| 分享笔记 (共有 篇笔记) |
