arclist配合arcpagelist標(biāo)簽實(shí)現(xiàn)ajax瀑布流分頁
2020-06-20
[arcpagelist基礎(chǔ)用法]
名稱:arcpagelist
范圍:首頁,列表頁,內(nèi)容頁等
第一步,在你想要放ajax瀑布流分頁的模板加入如下代碼
{eyou:arclist row='10' typeid='欄目ID' tagid='標(biāo)簽名稱'} <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p> {/eyou:arclist}
欄目ID填你對應(yīng)的后臺欄目前面的數(shù)字,tagid='標(biāo)簽名稱'中的標(biāo)簽名稱改一個(gè)名稱比如:abc,看是否輸出了數(shù)據(jù)。
第二步,在上面代碼基礎(chǔ)上的外圍加上<div id="abc">,沒錯(cuò),就是和上面的tagid='標(biāo)簽名稱'的標(biāo)簽名稱是一致的。這很重要。代碼如下:
<div id="abc"> {eyou:arclist row='10' typeid='欄目ID' tagid='abc' } <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p> {/eyou:arclist} </div>
第三步:在<div id="abc">外圍加上AJAX分頁代碼,如下:
{eyou:arcpagelist pagesize='3' tagid='與上面的tagid名稱一致' tips='沒有數(shù)據(jù)了'} <a href="javascript:void(0);" {$field.onclick}>點(diǎn)擊加載更多</a> {/eyou:arcpagelist}
變成
<div id="abc"> {eyou:arclist row='10' typeid='欄目ID' tagid='abc' } <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p> {/eyou:arclist} </div> {eyou:arcpagelist pagesize='3' tagid='abc' tips='沒有數(shù)據(jù)了'} <a href="javascript:void(0);" {$field.onclick}>點(diǎn)擊加載更多</a> {/eyou:arcpagelist}
第四步
在當(dāng)前模板文件夾里建一個(gè)叫做system的文件夾,system里面建一個(gè)arclist_tagid名稱.htm的文件,如我們上面的例子可以命名為arclist_abc.htm,請注意紅色的這個(gè)abc,這和上面的tagid是一致的。將上面{eyou:arclist}與{/eyou:arclist}之間的代碼也就是 <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>粘到arclist_abc.htm,保存,這樣就可以實(shí)現(xiàn)ajax瀑布流分頁效果了,pagesize='3'你可以改成你點(diǎn)擊一次加載的條數(shù)。上面的arclist里的row='10'是指默認(rèn)初如條數(shù)。
總結(jié)
arcpagelist標(biāo)簽實(shí)現(xiàn)ajax瀑布流分頁關(guān)健要點(diǎn):
第一,tagid標(biāo)簽的位置,1、外圍,2、arclist里面,3、arcpagelist里,4、system里的htm文件名,總共四個(gè)地方要一致。如果運(yùn)行有問題,可以從這四個(gè)地方排查。
第二,system里面的htm文件的內(nèi)容一定要和{eyou:arclist}與{/eyou:arclist}之間的代碼一致。
掌握了方法后,你就可以加入圖片等數(shù)據(jù)了。