• 客服QQ:1193846053   微信:suyoufuwu   联系电话:1308553467     

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='' 加载样式效果,默认是转圈图片,可以填写文案,比如:加载中&hellip;
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标签:

全国分站

全国分站