<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # wfpage 瀑布流分頁 ## 瀑布流分頁 瀑布流ajax分頁,結合content標簽對列表分頁。 ## 參數 參數名稱可選值默認值是否必填說明auto1/00-1=自動加載,0=手動觸發num-默認同content標簽的num屬性保持一致-每次加載條數icon-加載中...-加載中的提示文字,也可以是圖片empty-暫無更多數據-最后一頁的提示信息## 參數說明 `auto` 是否自動加載屬性,1=滾動到位置時,開始加載下一頁。默認是0=手動點擊加載數據,寫法如下: 調用標簽后會有`{$item}`變量,將該變量賦值到標簽上即可。 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>wfpage auto<span class="token">=</span><span class="token4">"1"</span><span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"text-center"</span><span class="token">></span> <span class="token"><</span>a href<span class="token">=</span><span class="token4">"javascript:void(0);"</span> class<span class="token">=</span><span class="token4">"btn btn-primary"</span> <span class="token1">{</span>$item<span class="token1">.</span>click<span class="token1">}</span><span class="token">></span>點擊加載更多<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>wfpage<span class="token1">}</span> ``` ``` `num` 每頁記錄數屬性,默認同content標簽的num一致。 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>wfpage num<span class="token">=</span><span class="token4">"2"</span><span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"text-center"</span><span class="token">></span> <span class="token"><</span>a href<span class="token">=</span><span class="token4">"javascript:void(0);"</span> class<span class="token">=</span><span class="token4">"btn btn-primary"</span> <span class="token1">{</span>$item<span class="token1">.</span>click<span class="token1">}</span><span class="token">></span>點擊加載更多<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>wfpage<span class="token1">}</span> ``` ``` `icon` 加載顯示的內容,默認是`加載中...`,除了文字,也支持html,html寫法如下: ``` <pre class="calibre16">``` <span class="token1">{</span>php<span class="token1">}</span>$icon <span class="token">=</span> <span class="token4">'<img src="/asset/201911/icon.jpg">'</span><span class="token1">;</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span>hkcms<span class="token1">:</span>wfpage num<span class="token">=</span><span class="token4">"2"</span> icon<span class="token">=</span><span class="token4">"$icon"</span><span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"text-center"</span><span class="token">></span> <span class="token"><</span>a href<span class="token">=</span><span class="token4">"javascript:void(0);"</span> class<span class="token">=</span><span class="token4">"btn btn-primary"</span> <span class="token1">{</span>$item<span class="token1">.</span>click<span class="token1">}</span><span class="token">></span>點擊加載更多<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>wfpage<span class="token1">}</span> ``` ``` ## 使用說明 詳細步驟如下,示例根據默認模板人才招聘演示: 1. 設置`content`內容列表標簽的上級html標簽 id="contentlist",這個名字可以隨意取,設置后跟tagid屬性保持一致 2. 在你的模板目錄新增`common/page_contentlist.html`文件,里面的內容就放`content`標簽包裹的內容。 page\_contentlist文件名稱格式為:page\_(tagid屬性里填寫的名稱).html 3. 然后就可以調用wfpage瀑布流分頁標簽 效果圖,看不清的話鼠標到圖片右鍵保存或者新窗口打開: ![](https://img.kancloud.cn/94/13/941372efdffcdc922c0090ced9086516_1586x699.png) 成功后會有個按鈕顯示。 ![](https://img.kancloud.cn/a5/3b/a53baf15c6125633761c2b389e53b4cb_167x68.png) 簡單代碼示例: ``` <pre class="calibre16">``` <span class="token5">// 設置ID、與下面的tagid一致</span> <span class="token"><</span>div id<span class="token">=</span><span class="token4">"contentlist"</span><span class="token">></span> <span class="token1">{</span>hkcms<span class="token1">:</span>content catid<span class="token">=</span><span class="token4">"$Cate['id']"</span> num<span class="token">=</span><span class="token4">"6"</span> page<span class="token">=</span><span class="token4">"1"</span> tagid<span class="token">=</span><span class="token4">"contentlist"</span><span class="token1">}</span> <span class="token"><</span>p<span class="token">></span><span class="token"><</span>a href<span class="token">=</span><span class="token4">"{$item.url}"</span><span class="token">></span>標題:<span class="token1">{</span>$item<span class="token1">.</span>title<span class="token1">}</span><span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>content<span class="token1">}</span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> ``` ``` 引用瀑布流分頁標簽 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>wfpage <span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"text-center"</span><span class="token">></span> <span class="token"><</span>button type<span class="token">=</span><span class="token4">"button"</span> class<span class="token">=</span><span class="token4">"btn btn-primary"</span> <span class="token1">{</span>$item<span class="token1">.</span>click<span class="token1">}</span><span class="token">></span>點擊加載更多<span class="token"><</span><span class="token">/</span>button<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>wfpage<span class="token1">}</span> ``` ``` 4. common/page\_contentlist.html 文件內容就是hkcms:content 標簽包裹的內容 ``` <pre class="calibre16">``` <span class="token"><</span>p<span class="token">></span><span class="token"><</span>a href<span class="token">=</span><span class="token4">"{$item.url}"</span><span class="token">></span>標題:<span class="token1">{</span>$item<span class="token1">.</span>title<span class="token1">}</span><span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> ``` ``` > 若想自定義分頁處理函數,可在頁面上定義get\_page\_list方法: ``` <pre class="calibre20">``` <span class="token"><</span>script<span class="token">></span> <span class="token2">function</span> <span class="token6">get_page_list</span><span class="token1">(</span>obj<span class="token1">,</span> key<span class="token1">)</span> <span class="token1">{</span> <span class="token1">}</span> <span class="token"><</span><span class="token">/</span>script<span class="token">></span> ``` ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看