Online表单控件 === **目录索引:** - 数据字典 - Popup控件 - 时间控件 - 富文本控件 - 查询条件配置 - 扩展参数用法 - 字段显示隐藏 - 字段排列顺序 - 字段校验规则 - 主键规则 - 外键规则 # Online表单控件 ## 一、数据字典 表单字段,通过系统配置字典,展示下拉、Checkbox、Radio等 首选配置表单字段页面控件类型: ![输入图片说明](https://static.oschina.net/uploads/img/201804/16151128_ZbvN.png "在这里输入图片标题") 配置字字典: ![输入图片说明](https://static.oschina.net/uploads/img/201804/16151111_xcal.png "在这里输入图片标题") 字段code对应: 系统管理 -> 数据字典 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16151049_6I3d.png "在这里输入图片标题") ## 二、Popup控件 该控件是通过POPUP弹出页面方式,选择用户需要的数据,带回表单中。比如:订单表中选择用户。 ### 1.先看效果: 点击用户输入框,弹出用户选择列表 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150948_XsyT.png "在这里输入图片标题") ### 2.看配置: 定义页面属性名称及控件类型 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150815_RiMG.png "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150916_XoC4.png "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150925_6wYG.png "在这里输入图片标题") 页面中字典Table的值对应配置的“动态报表”的code,字典Code对应填充到当前页面的值, 字典Text对应从popup报表选取的值要填充到的对应字段,字典Code和字典Text可配置多个值,一一对应,以英文逗号隔开。 当配置了字典Code后,平台根据字典Code进行取值,若没有配置,则根据字典Text进行取值。 **Online报表配置:** ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150753_cjtt.png "在这里输入图片标题") ## 三、时间控件 目前支持两种时间类型:年月日/年月日 时分秒 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150731_fGi9.png "在这里输入图片标题") ## 四、富文本控件 目前采用UE编辑器,作为系统默认富文本编辑 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150707_IQQ4.png "在这里输入图片标题") ## 五、查询条件配置 查询分类两种模式: 单字段查询、组合查询(默认为单字段查询) ### 1.查询字段配置如下(可配置普通查询和范围查询): ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150630_4CeX.png "在这里输入图片标题") ### 2.单字段查询效果: ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150600_cn9L.png "在这里输入图片标题") ### 3.组合查询效果: ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150542_XlAP.png "在这里输入图片标题") ### 4.通过设置主页查询模式来实现 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150527_DK8m.png "在这里输入图片标题") ## 六、扩展参数用法 通过扩展参数可以给表单页面控件,拓展更多元素: 比如默认值,颜色等等。 拓展参数格式为json风格:{value:'张三'} ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150445_SPDA.png "在这里输入图片标题") ## 七、字段显示隐藏 Online可控制字段在列表中和表单中是否显示; ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150335_8J3y.png "在这里输入图片标题") ## 八、字段排列顺序 表单和列表字段显示的先后顺序是按照表单设计顺序来展示的,在“数据库属性”Tab,鼠标放在列字段上,出现上下箭头,点击可以挪动字段的上下顺序 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150243_fDvc.png "在这里输入图片标题") ## 九、字段校验规则 校验规则继承了validform的规则,可扩展,支持非空,邮箱,数字、手机号正则等等校验规则。 需要注意点:如果同时校验数字,并且校验必须输入,请选择校验必填字段。 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150159_z35R.png "在这里输入图片标题") ## 十、主键规则 Online默认ID为唯一主键 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150059_rx0N.png "在这里输入图片标题") ## 十一、外键规则 Online 外键设置,在附表中设置,一般对应主表ID ![输入图片说明](https://static.oschina.net/uploads/img/201804/16150045_orIm.png "在这里输入图片标题")