EYOU標簽arclist配合arcpagelist標簽實現(xiàn)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填你對應的后臺欄目前面的數(shù)字，tagid='標簽名稱'中的標簽名稱改一個名稱比如：abc，看是否輸出了數(shù)據(jù)。

第二步，在上面代碼基礎上的外圍加上<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='沒有數(shù)據(jù)了'}
<a href="javascript:void(0);" {$field.onclick}>點擊加載更多</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}>點擊加載更多</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，保存，這樣就可以實現(xiàn)ajax瀑布流分頁效果了，pagesize='3'你可以改成你點擊一次加載的條數(shù)。上面的arclist里的row='10'是指默認初如條數(shù)。

總結

arcpagelist標簽實現(xiàn)ajax瀑布流分頁關健要點：

第一，tagid標簽的位置，1、外圍，2、arclist里面，3、arcpagelist里，4、system里的htm文件名，總共四個地方要一致。如果運行有問題，可以從這四個地方排查。

第二，system里面的htm文件的內容一定要和{eyou:arclist}與{/eyou:arclist}之間的代碼一致。

掌握了方法后，你就可以加入圖片等數(shù)據(jù)了。