EYOU標簽arclist配合arcpagelist標簽實現ajax瀑布流分頁
2022-11-24 加入收藏
[arcpagelist基礎用法]
名稱：arcpagelist
范圍：首頁，列表頁，內容頁等
第一步，在你想要放ajax瀑布流分頁的模板加入如下代碼
1 2 3 | {eyou:arclist row='10' typeid='欄目ID' tagid='標簽名稱'} <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>{/eyou:arclist} |
欄目ID填你對應的后臺欄目前面的數字，tagid='標簽名稱'中的標簽名稱改一個名稱比如：abc，看是否輸出了數據。
第二步，在上面代碼基礎上的外圍加上<div id="abc">，沒錯，就是和上面的tagid='標簽名稱'的標簽名稱是一致的。這很重要。代碼如下：
1 2 3 4 5 | <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分頁代碼，如下：
1 2 3 | {eyou:arcpagelist pagesize='3' tagid='與上面的tagid名稱一致' tips='沒有數據了'}<a href="javascript:void(0);" {$field.onclick}>點擊加載更多</a>{/eyou:arcpagelist} |
變成
1 2 3 4 5 6 7 8 9 | <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='沒有數據了'} <a href="javascript:void(0);" {$field.onclick}>點擊加載更多</a>{/eyou:arcpagelist} |
第四步
在當前模板文件夾里建一個叫做system的文件夾，system里面建一個arclist_tagid名稱.htm的文件，如我們上面的例子可以命名為arclist_abc.htm，請注意紅色的這個abc，這和上面的tagid是一致的。將上面{eyou:arclist}與{/eyou:arclist}之間的代碼也就是 <p><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></p>粘到arclist_abc.htm，保存，這樣就可以實現ajax瀑布流分頁效果了，pagesize='3'你可以改成你點擊一次加載的條數。上面的arclist里的row='10'是指默認初如條數。
總結
arcpagelist標簽實現ajax瀑布流分頁關健要點：
第一，tagid標簽的位置，1、外圍，2、arclist里面，3、arcpagelist里，4、system里的htm文件名，總共四個地方要一致。如果運行有問題，可以從這四個地方排查。
第二，system里面的htm文件的內容一定要和{eyou:arclist}與{/eyou:arclist}之間的代碼一致。
掌握了方法后，你就可以加入圖片等數據了。
