# 动态显示(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`转换。
逻辑表达式的名称只支持`字母、数字、下划线`
- 序言
- 使用条款
- 安装
- 环境搭建
- 目录结构
- 钩子和行为
- 表单生成
- 数据限制
- 命令行
- 一键生成CRUD
- 一键生成菜单
- 一键安装
- 系统配置
- 常规字段
- 特殊字段1:下拉框(高级)字段
- 特殊字段2:自定义字段
- 特殊字段3:自定义多图片
- 系统函数/类
- 函数说明
- cache - 缓存管理
- thumb - 获取缩略图
- str_cut - 字符截取
- 邮箱/短信
- 插件使用说明
- cms内容管理【cms】
- 变量/常量
- 函数
- getCategory - 栏目获取
- catpos - 面包屑
- seo - 生成SEO
- buildCatUrl - 生成栏目URL
- buildContentUrl - 创建内容链接
- 标签
- 公共参数
- 栏目标签
- 列表标签
- 上一页标签
- 下一页标签
- Tags标签
- 万能标签
- 原生标签
- 搜索页
- 筛选页
- 内容详情页
- 模板
- 技巧/问题
- 将CMS路由设置更简洁
- 外链和单页如何增加列表类型的子栏目
- 如何合理设置SEO
- 实现电脑和手机模板分离
- 敏感词检测
- 栏目授权不全
- 内容页分页
- 分页伪静态
- tag标签不支持特殊字符
- 部分虚拟主机tags页面报错
- 循环表格
- 二级目录搭建知识点
- 阅读收费
- 会员插件【member】
- 介绍
- 自定义表单【formguide】
- 调用方式
- 模板
- 支付插件【pay】
- 支付宝
- 微信
- 常见问题
- 接口文档【apidoc】
- 简介
- 配置
- 使用
- 万能采集【collection】
- 采集列表规则
- 采集内容规则
- 关于图片
- 案例一:采集yzncms论坛
- cms小程序【wxcms】(重构已下架)
- 前端
- H5设计【diywap】
- 返回顶部【returntop】
- 通用数据导出【dataoutput】
- 多通道短信【easysms】
- 塞邮邮箱【saiyouems】
- 第三方登录【synclogin】
- 中文分词【getwords】
- QQ客服【kefu】
- 地图位置【address】
- 智能人机验证【vaptcha】
- 行为验证码【ajcaptcha】
- 数据转换【v9toyzn】
- 数据转换【dedetoyzn】
- 百度收录查询【baidurecord】
- 蜘蛛访问统计【spider】
- editormd编辑器【editormd】
- 敏感词检测【sensitive】
- 邮箱发送【phpmailer】
- 内容收藏【favorite】
- 队列插件【queue】
- 七牛云【qiniu】
- 阿里云oss【alioss】
- 腾讯云【cos】
- 迅搜全文检索【xunsearch】
- 评论插件【comments】
- 网页即时通讯【webim】(重构已下架)
- 生成js
- window使用
- linux使用(推荐)
- 常见问题
- 友情链接【links】
- 考试插件【kaoshi】(暂停)
- 会员邀请【invite】
- 快递查询插件【expressquery】
- 礼品卡提货系统【pickup】
- 地区插件【area】
- IP归属地查询【ipregion】
- 百度统计插件【baidutongji】
- 消息通知【notice】
- 微信管理【wechat】
- 在线投票系统【vote】
- 前端&组件
- 后台前端框架
- 文件上传
- table数据表格
- auth权限验证
- 动态显示(Favisible)
- 动态下拉(SelectPage)
- 键值组件(Fieldlist)
- uniapp教程
- 常见问题
- YznCMS开发遇到错误怎么办?(新手必看)
- 关闭调试模式
- 伪静态(URL重写)
- 虚拟主机不支持绑定public的方法
- 各类虚拟主机伪静态使用注意事项
- 百度编辑器多图片上传被压缩
- 部分虚拟主机隐藏index.php有问题
- 后台路径admin.php修改
- 后台密码忘记重置方法
- 宝塔面板一键部署
- 后台登录时验证码不显示
- 小程序图片不显示
- 如何自定义404页面显示模板
- 管理员登录时提示请于1天后再尝试登录
- composer
- composer简介
- 内置composer
- 各大厂商镜像地址
- 常用命令
- 拓展知识
- 助手类
- thinkphp维护
- 插件开发
- 目录结构
- 数据库
- 测试数据
- 插件信息
- 插件配置
- 核心文件
- 插件函数
- 🔥开发者入驻
- 申请入驻
- 建立私库
- 插件入驻流程
- 模板入驻流程
- 安全建议
- 更新日记和补丁包