Online表单控件 === **目录索引:** - 数据字典 - Popup控件 - 时间控件 - 富文本控件 - 查询条件配置 - 扩展参数用法 - 字段显示隐藏 - 字段排列顺序 - 字段校验规则 - 主键规则 - 外键规则 # Online表单控件 ## 一、数据字典 表单字段,通过系统配置字典,展示下拉、Checkbox、Radio等 首选配置表单字段页面控件类型: ![](https://img.kancloud.cn/10/6b/106b11a77d820e07426bf5f95dc92e4a_1094x428.png) 配置字字典: ![](https://img.kancloud.cn/85/b9/85b963a1def9cd4f7ac7bdc6133c578d_1144x434.png) 字段code对应: 系统管理 -> 数据字典 ![](https://img.kancloud.cn/8c/1e/8c1e0909ffea885b40c46a15f7037cf9_1254x668.png) ## 二、Popup控件 该控件是通过POPUP弹出页面方式,选择用户需要的数据,带回表单中。比如:订单表中选择用户。 ### 1.先看效果: 点击用户输入框,弹出用户选择列表 ![](https://img.kancloud.cn/56/b9/56b97d75ca6a62c7909045409123f92d_1186x635.png) ### 2.看配置: 定义页面属性名称及控件类型 ![](https://img.kancloud.cn/5f/83/5f83fe47a6ebafddf45d5382ae25a66c_1063x541.png) ![](https://img.kancloud.cn/4f/2c/4f2c4913770ef044640598df1b4d185d_996x632.png) ![](https://img.kancloud.cn/0e/ad/0ead4b007e40c29375c957a72662d0af_1211x508.png) 页面中字典Table的值对应配置的“动态报表”的code,字典Code对应填充到当前页面的值, 字典Text对应从popup报表选取的值要填充到的对应字段,字典Code和字典Text可配置多个值,一一对应,以英文逗号隔开。 当配置了字典Code后,平台根据字典Code进行取值,若没有配置,则根据字典Text进行取值。 **Online报表配置:** ![](https://img.kancloud.cn/4c/a8/4ca8503936467e3e5c7868ad0631efe6_1401x552.png) ## 三、时间控件 目前支持两种时间类型:年月日/年月日 时分秒 ![](https://img.kancloud.cn/08/c0/08c05db5b2d984a1819f490642c39f1f_638x352.png) ## 四、富文本控件 目前采用UE编辑器,作为系统默认富文本编辑 ![](https://img.kancloud.cn/e7/7c/e77c7762c518ace929ec7e67f96f8569_682x335.png) ## 五、查询条件配置 查询分类两种模式: 单字段查询、组合查询(默认为单字段查询) ### 1.查询字段配置如下(可配置普通查询和范围查询): ![](https://img.kancloud.cn/95/c4/95c48f9162624255fd56de3074e75dae_1151x612.png) ### 2.单字段查询效果: ![](https://img.kancloud.cn/aa/7c/aa7c8260401e157e211baea1db9864d2_843x260.png) ### 3.组合查询效果: ![](https://img.kancloud.cn/65/19/6519f67e4001236c28cc6471c36e21db_1132x305.png) ### 4.通过设置主页查询模式来实现 ![](https://img.kancloud.cn/a8/58/a8586b234361d69cc0a48e9141188dc7_911x375.png) ## 六、扩展参数用法 通过扩展参数可以给表单页面控件,拓展更多元素: 比如默认值,颜色等等。 拓展参数格式为json风格:{value:'张三'} ![](https://img.kancloud.cn/64/54/6454f2cb1d0cc452f18c298c3e26c760_1080x314.png) ## 七、字段显示隐藏 Online可控制字段在列表中和表单中是否显示; ![](https://img.kancloud.cn/f3/64/f36468a5076494dfe6d0c4cac63ba73b_1021x441.png) ## 八、字段排列顺序 表单和列表字段显示的先后顺序是按照表单设计顺序来展示的,在“数据库属性”Tab,鼠标放在列字段上,出现上下箭头,点击可以挪动字段的上下顺序 ![](https://img.kancloud.cn/e5/6a/e56a451dc710d0b3d52a34f796aa8bb1_830x387.png) ## 九、字段校验规则 校验规则继承了validform的规则,可扩展,支持非空,邮箱,数字、手机号正则等等校验规则。 需要注意点:如果同时校验数字,并且校验必须输入,请选择校验必填字段。 ![](https://img.kancloud.cn/d7/38/d7383d321479d57f01caf31b36d9c67f_1116x454.png) ## 十、主键规则 Online默认ID为唯一主键 ![](https://img.kancloud.cn/a0/2f/a02f21c7012d1512a66650be8209222e_805x119.png) ## 十一、外键规则 Online 外键设置,在附表中设置,一般对应主表ID ![](https://img.kancloud.cn/58/53/58537d2723d09768e77ae5e045d20bbe_930x615.png)