易优瀑布流分页列表(arcpagelist)

admin3个月前建站技巧132
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}
</div>
{eyou:arcpagelist pagesize='3' tagid='与arclist标签的tagid名称一致' tips='没有数据了'}
    <a href="javascript:void(0);" {$field.onclick}>点击加载更多</a>
{/eyou:arcpagelist}


同时在模板目录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>
 


返回列表

没有更早的文章了...

下一篇:再别康桥

相关文章

一行代码解决:纯CSS实现目录自动编号

一行代码解决:纯CSS实现目录自动编号

在css中list-style-type属性可以用于控制列表项显示符号的类型none:无标记。disc:默认。标记是实心圆。circle:标记是空心圆。square:标记是实心方块。decimal:标...

商标英文可以申请吗?

商标英文可以申请吗?

商标英文可以申请吗?商标全英文是可以申请的。根据《商标法》相关规定,文字、图形、字母、数字、三维标志、颜色组合和声音等,以及上述要素的组合,均可以作为商标申请注册。商标英文申请时,需要注意的点:1、申...

CSS下边框阴影效果 box-shadow

CSS下边框阴影效果 box-shadow

在css中,可以使用box-shadow属性来实现下边框阴影效果,语法“box-shadow:0px 15px 10px -15px #000;”。box-shadow属性可以向框添加一个或多个阴影,...

关于网站建设的十个策划小技巧

关于网站建设的十个策划小技巧

好多站长在网站建设的时候往往既要考虑的网站的整体美观度,同时还要考虑到网站的实用性和营销作用,那么在这方面都有什么小技巧吗,或者有什么要注意的吗,原创小编今天就为大家整理了十条关于网站建设的实用小技巧...

免费版Nginx防火墙

免费版Nginx防火墙

应用名称:免费版Nginx防火墙价格:免费作者:明国三年一场雨功能介绍:有效防止sql注入/xss/一句话木马等常见渗透攻击支持版本:Centos + 乌班图安装方法:宝塔面板安装使用教程:说明一下:...

http和https有什么区别?

http和https有什么区别?

当我们在打开网页的时候,经常会看到有的网址显示的是http,有的网址显示的是https,而有的浏览器还会提示http不安全,而打开https地址会有绿色安全图标。有的人会禁不住发问,这两者之间到底有什...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。