適用范圍:內容列表頁使用,其實也可以用在首頁等
標簽作用:用于對內容列表進行篩選
1)到后臺對模型添加擴展字段,字段類型選擇單選或多選,同時填寫單選或多選的可選內容;
2)添加對應模型的欄目,并對欄目添加內容;
3)到前臺模板中調用相關擴展字段進行輸出,具體見下面的例子。
注意:如果需要在首頁使用篩選,列表需要啟用分頁功能,添加page=1參數才有效。
4)獲取篩選值可以用{$get.xxxx},如獲取類型:{$get.ext_leixing
}
1)全部標簽
{pboot:selectall field=* text=* class=* active=*}
控制參數:
field=* 篩選的字段,必填,用于控制調取的篩選字段名稱
text=* 顯示文字,非必填,用于控制顯示的文字,默認顯示”全部“
class=* 非選中時樣式,非必填,用于設置為文字非選中時的class常規樣式
active=* 選中時樣式,非必填,用于設置為文字選中時的class高亮樣式
2)篩選值標簽
{pboot:select field=*}
<a href= "[select:link]">[select:value]</a>
{/pboot:select}
控制參數:
field=* 篩選的字段,必填,用于控制調取的篩選字段名稱
一般情況下我們會有多個字段,那么只要重復上面的代碼即可。
選中值高亮處理:{pboot:if('[select:value]'=='[select:current]')}class= "active" {/pboot:if}
2)篩選可用標簽
[select:i] | 序號 |
[select:current] | 當前選中值 |
[select:link] | 鏈接 |
[select:value] | 篩選值 |
<p>
類型:{pboot:selectall field=ext_leixing text=全部 class='btn btn-light' active='btnbtn-info'} |
{pboot:select field=ext_leixing}
{pboot:if([select:i]>1)}|{/pboot:if}
<a href="[select:link]"{pboot:if('[select:value]'=='[select:current]')}class="active" {/pboot:if}>[select:value]</a>
{/pboot:select}
</p>
<p>
顏色:{pboot:selectall field=ext_yanse text=全部 class='btn btn-light' active='btnbtn-info'} |
{pboot:select field=ext_yanse}
{pboot:if([select:i]>1)}|{/pboot:if}
<a href="[select:link]"{pboot:if('[select:value]'=='[select:current]')}class="active" {/pboot:if}>[select:value]</a>
{/pboot:select}
</p>
教程內容BUG提交
提交