[基礎用法]
名稱:screening
功能:篩選文章
語法:
{eyou:screening id='field' currentstyle='active' alltxt='不限' }
    <div class="row">
        <div class="filter-box">
            <!-- 篩選項欄目循環 -->
            {eyou:volist name='$field.list' id='vo'}
                <div class="filter-boxs">
                    <!-- 篩選項標題 -->
                    <div class="filter-tit">
                        {$vo.title} : 
                    </div>
                     <!-- 篩選的可選值循環 -->
                    <div class="filter-cen">
                        {eyou:volist name='$vo.dfvalue' id='val'}
                            <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp;
                        {/eyou:volist}
                    </div>
                    <!-- 篩選的可選值循環結束 -->
                </div>
            {/eyou:volist}
            <!-- 篩選項欄目循環結束 -->
            <!-- 清除所有篩選條件按鈕 -->
            <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div>
        </div>
        <!-- 隱藏域 -->
        {$field.hidden}
    </div>
{/eyou:screening}
 
參數:
id='' 可以任意指定循環里的變量名替代field,假設id='field1',模板調用如:{$field.title} 變成 {$field1.title}
typeid='' 專用于首頁篩選,首頁調用標簽一定要指定欄目ID
currentstyle='' 應用樣式class類名
addfields='' 自定義字段名,多個字段之間用英文逗號隔開,比如:addfields='price,spce'
alltxt='' 篩選數值中的第一個自定義選項,該選項是用于重置單條篩選條件,比如:alltxt='全部',alltxt='不限',alltxt='所有'
empty='' 沒有數據時顯示的文案
底層字段:
請查閱易優Cms官方提供的數據字典,找到表名 ey_channelfield  、ey_article_content
 
-------------------------------效果展示--------------------------------
1,調用指定欄目文章
模板調用標準代碼
{eyou:screening id='field' currentstyle='active' alltxt='全部'}
    <div class="row">
        <div class="filter-box">
            {eyou:volist name='$field.list' id='vo'}
                <div class="filter-boxs">
                    <div class="filter-tit">
                        {$vo.title} : 
                    </div>
                    <div class="filter-cen">
                        {eyou:volist name='$vo.dfvalue' id='val'}
                            <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp;
                        {/eyou:volist}
                    </div>
                </div>
            {/eyou:volist}
            <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div>
        </div>
        {$field.hidden}
    </div>
{/eyou:screening}
網站前端顯示效果(css樣式請自行填充)
 
【更多示例】
-------------------------------示例1--------------------------------
描述:指定自定義字段讀取篩選條件
{eyou:screening id='field' currentstyle='active' addfields='danxuan' alltxt='不限'}
    <div class="row">
        <div class="filter-box">
            {eyou:volist name='$field.list' id='vo'}
                <div class="filter-boxs">
                    <div class="filter-tit">
                        {$vo.title} : 
                    </div>
                    <div class="filter-cen">
                        {eyou:volist name='$vo.dfvalue' id='val'}
                            <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp;
                        {/eyou:volist}
                    </div>
                </div>
            {/eyou:volist}
            <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div>
        </div>
        {$field.hidden}
    </div>
{/eyou:screening}
 
-------------------------------示例2--------------------------------
描述:關閉 “不限” 篩選按鈕
{eyou:screening id='field' currentstyle='active' alltxt='off'}
    <div class="row">
        <div class="filter-box">
            {eyou:volist name='$field.list' id='vo'}
                <div class="filter-boxs">
                    <div class="filter-tit">
                        {$vo.title} : 
                    </div>
                    <div class="filter-cen">
                        {eyou:volist name='$vo.dfvalue' id='val'}
                            <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp;
                        {/eyou:volist}
                    </div>
                </div>
            {/eyou:volist}
            <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div>
        </div>
        {$field.hidden}
    </div>
{/eyou:screening}
重庆时时彩安卓app