# 動態顯示(Favisible) 動態顯示組件是一個非常強大的按邏輯驗證動態顯示元素的組件，常用于一些組件的按需顯示和聯動顯示，目前在`YznCMS1.1.4+`版本支持該功能。 ### 功能特性 1、支持多操作符驗證邏輯，目前支持`>、>=、<、<=、==、!=` 2、支持正則驗證邏輯 3、支持多條件驗證，邏輯與`&&`邏輯或`||`條件驗證支持 ### 使用方法 給你的表單中的需要按邏輯動態顯示的元素添加`data-favisible="條件邏輯表達式"`即可。 目前在`配置管理`中`添加配置`的`可見條件`可以直接使用 ### 條件邏輯表達式 | 表達式 | 說明 | | --- | --- | | mode=basic | 當表單中的`mode`組件值為`basic`時顯示 | | mode=basic,advanced | 當表單中的`mode`組件值為`basic`或`advanced`時顯示 | | age>=23 | 當表單中的`age`組件值大于等于23時顯示 | | age=regex:/\\d+/i | 當表單中的`age`組件值匹配任意數字時顯示 | | mode=basic&&type=hobby | 當表單中的`mode`組件值為`basic`且`type`值為`hobby`時顯示 | | mode=basic\|\|gender=male | 當表單中的`mode`組件值為`basic`或`gender`值為`male`時顯示 | | mode=basic&&name=Lily\|\|gender=male | 當表單中的(`mode`組件值為`basic`且`name`為`Lily`) 或`gender`值為`male`時顯示 | ### 不支持的多條件表達式 ~~~ini mode=basic||gender=male&&mode=advanced||name=Lily ~~~ 以上邏輯表達式將按`或條件`拆分為3段，并不支持按`與條件`拆分為2段。 HTML代碼 ~~~xml <form class="layui-form" method="post"> <input type="radio" name="row[type]" value="value1" checked /> 類型1 <input type="radio" name="row[type]" value="value2" /> 類型2 <div data-favisible="type=value1">顯示內容1</div> <div data-favisible="type=value2">顯示內容2</div> </form> ~~~ JS代碼 ~~~less yznForm.bindevent($("form.layui-form")); ~~~ ### 溫馨提示 表單中的名稱必須為`row[組件名稱]`，如`name="row[組件名稱]"` 當元素隱藏后，表單將忽略必填驗證 當條件邏輯表達式的操作符為`>、>=、<、<=`時，將強制把驗證的值做`parseFloat`轉換。 邏輯表達式的名稱只支持`字母、數字、下劃線`