PbootCMS對內容列表進行篩選

黄文Rex發表於2024-08-16
boot

適用範圍：內容列表頁使用，其實也可以用在首頁等

標籤作用：用於對內容列表進行篩選

1、使用步驟

  • 1）到後臺對模型新增擴充套件欄位，欄位型別選擇單選或多選，同時填寫單選或多選的可選內容；
  • 2）新增對應模型的欄目，並對欄目新增內容；
  • 3）到前臺模板中呼叫相關擴充套件欄位進行輸出，具體見下面的例子。

2、篩選呼叫標籤

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] 篩選值

3、多條件篩選示例

   <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>

相關文章