# 编辑风格 可以为填报表单中的可写单元格设置编辑风格,让用户在表单录入数据时更方便、快捷、友好。 编辑风格是进行数据录入的控件,提供了多种类型的编辑风格供用户选择使用,例如下拉日历、下拉列表、下拉树等等。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_4d2830fd7b6425b5b971f45cd44e35b7_r.png) ## 输入框 用户在条件值输入框中直接写入条件值。所有字段的默认编辑风格均为输入框。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_32c686fa6771888435f874816f07afe3_r.png) ## 密码框 用户在表单填报界面输入条件值,会以加密形式展示,仅填报可用。 ## 列表选择 列表选择风格是将字段的数据信息以下拉列表的形式展现,下列表选择编辑风格简化了输入过程,降低因手动输入而带来的错误。列表选择提供了六种样式:下拉单选、下拉多选、单选钮、复选框、色块单选、色块复选。 ### 属性设置说明 #### 显示值 指在下拉选项中显示的值,类似于字段的别名。 #### 代码值 指传入的实际值,系统会根据此值进行存储; #### 允许空值 容许条件为空,仅在样式为“下拉多选”和“下拉单选”时使用; #### 允许新值 编辑框的值除来源于下拉列表项外,也可以手动输入; ### 样式说明 #### 下拉单选 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_91916a34a4bfdd03a1857d2872b5fe8e_r.png) #### 下拉多选 在“下拉单选”风格的基础上多了一组复选框,用于选择多个选项。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_09777ddcb52ee2b9dc9290e28a217a30_r.png) #### 单选钮 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_6d1c119dec116d7ab0d2871ce83ff78e_r.png) #### 色块单选 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_8156251cebb7592d3dc50978281e44f5_r.png) #### 色块复选 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_25bc984c6ae5ec6d0019d4a990ab5fb9_r.png) ## 数据集选择 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_466d12dba0721ec0d61e19940d8da6cb_r.png) 当下拉选项的数据不需要手动输入而是来源于一个数据集时,可对该字段设置下拉数据集的编辑风格。系统将数据从配置好的数据集、显示列、数据列中取出,然后以下拉列表的形式列出,当对该字段设置条件值时,条件值输入框中自动下拉列出该字段所有可选的数据。数据集选择风格的样式选择有六种:下拉单选、下拉多选、单选钮、复选框、色块单选、色块复选。具体设置方式如下: 1、将编辑风格选择为数据集选择。 2、选择数据来源的数据集,再从该数据集中选择需要设置的显示列数据字段和数据列数据字段。 >**注意:** 1.选择数据来源的数据集如果包含参数时,必须与对应参数设置关联过滤并且过滤来源与过滤项都必须来自对应参数,否则该数据集会由于存在参数而查不到数据。 2.建议使用码表作为数据来源数据集,尽量避免使用带参数数据集作为数据来源。 3、设置数据集选择的样式,样式包含下拉单选、下拉多选、单选钮、复选框、色块单选、色块复选。 4、最终下拉多选、单选钮、复选框、色块单选、色块复选的样式对应预览效果如下: ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_acbc047f2a2a345c761fb12c39e4e4a2_r.png) ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_383b914de7417226e9c44f991f49cb6e_r.png) ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_9bbb6f4cce112517456db130826b6ec4_r.png) ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_e9465054926b426010561a46e2a9dd3c_r.png) ### 关联过滤 所谓关联过滤是指两个或多个下拉框之间的关联关系,前一个下拉框选择的内容决定了后一个下拉框的下拉选择项。 数据集选择编辑风格也可以使用关联过滤功能。勾选【排序、关联过滤】复选框,便可以设置与当前字段相关联的字段和过滤条件。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_6d6a8a2e5f88c7bb8c3d407cbc9bd8ad_r.png) 触发关联过滤的单元格:接收触发关联过滤的单元格号。 关联过滤表达式:关联过滤的表达式 例如:“城市”字段设置为数据集选择编辑风格,并为其设置关联字段为“地区”,可达到下拉选项仅显示为华北地区的城市的效果,如下图所示: ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_43c7103c359a1fa8392889b2bf39a6e6_r.png) 预览效果如下图所示: 当地区为“华北”城市字段仅显示地区为华北的城市名称。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_a5edd6027cb3b5734121ae87a020394b_r.png) 当地区为“华东”时,城市字段的下拉可选项仅显示华南地区的城市名称。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_8e8ac72dd03e5a2ab890d6da0c9a612d_r.png) ## 布尔值 布尔型编辑风格相当于非此即彼的条件选择形式,适合于字段显示为二选一的情况下使用。 ### 属性设置说明: 开值:开值指对此字段选择勾选时条件值对应显示的值; 关值:关值指对此字段选择未勾选时条件值对应显示的值; 对齐:标题相对复选框的位置; 标题:说明文字。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_ae3de961195d0ca779b9f31afcd5739a_r.png) ### 预览效果 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_85cddc341e3aa70bab4fce02eefa69ac_r.png) ## 下拉日历 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_64a9a13fe5bc895865be36b00436bb5d_r.png) 为方便用户输入日期,避免了手动输入而带来的格式不符等问题,可使用下拉日历编辑风格来输入日期。 ### 属性设置说明: 取值类型:提供“年月日时分秒”、“年月日时分”、“年月日”、“年月”、“年”、“时分秒”六种类型,可选择自己需要的类型; 展现方式:提供“当期”和“当期+前后按钮”两种方式,当期是“当前日期”的简写,前后按钮指“前/后一天”; 空值时下拉显示当前日期:在没有选择日期时,默认显示系统日期; 限定取值范围:可以自由限定选择日期的范围 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_99ec543bb4438a0140da4b84ae198ef9_r.png) ## 下拉树 下拉树可以认为是下拉数据集与下拉列表框进行结合起来所进行的数据分类。 下面以“地区”为主干,“城市”为叶子节点,对如何设置和运用下拉树编辑风格进行介绍: 1、在编辑风格设置中选择下拉树风格; 2、点击【增加】,增加两个节点层; 3、在节点层1中通过下拉框选中需要使用的数据集,并分别在显示列和数据列中选中下拉框中的“发货地区”,作为下拉树的支点。 4、选中节点层2,从下拉框中选中3中使用的数据集,再选择显示列和数据列为“发货城市”,最重要的是为其选择父节点为“发货地区”。 >**注意:** 父节点指的是当前节点的相邻上层节点的数据列。 5、回到根节点,用户可设置根节点的标题(如果不设,则系统默认为“根节点”)、下拉框的高度和宽度、是否只选取叶子节点、是否允许多选。 最终预览效果如下: ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_bd64b78f0a33653fb4e3d4d98d09dac6_r.png) ### 下拉树支持异步加载子节点 下拉树使用异步加载,后台异步加载数据,即展开一级加载一级。 若一个大数据量下拉树未勾选异步加载,点击单元格时给出提示【当前下拉树组件数据量过大,请采用异步加载方式展现!】 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_9dd3d7b7812435846ac37556da6ed4c2_r.png) 同层节点加载前N条:当用户的同层节点数据量过大时会影响加载效率,请设置合理的加载条数。 ### 按最末层循环 按末层循环:当下拉树上下层级的关系规则相同,层数不固定时,可以根据末层规则进行循环来生成树形数据。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_776fcbdc6ff1979fe4e13ce993e1efe9_r.png) ### 下拉树支持匹配查询 自动匹配:输入关键字后默认停顿一秒判断输入结束自动匹配查询,前台反显前10条数据。 允许关键字搜索:输入关键字后点击漏斗按钮触发查询,前台反显前100条数据。 只搜索叶子节点:用户可选择只对叶子节点的数据进行搜索。 设计界面: ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_3e483a9b87f09291ee76901b8bfd39e1_r.png) ## 上载文件 上载文件将本地文件上传,作为数据表中某字段的数据保存,可限制上传文件的格式。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_10ef2258debf67e295c65e9aef6e59f0_r.png) ### 属性设置说明 后缀名:可以设置允许上传的文件的后缀名,不设置时,可以上传所有类型的文件。例如:“.png”,“.xls”,“.docx”。 上下载权限:“上下载均可”表示既可以进行文件的上传,也可以下载已有文件。“只能上载”代表只可以进行文件的上传,不允许下载已有文件。“只能下载”表示不能上传更新文件,只能下载已有文件。 保存文件的列名:设置为数据库表的列名,上传文件时,会将文件名保存到该字段中。 ![](/uploads/projects/7.11_online/uploads/sjjc/images/m_a59221d81032a6e5b24c5611d3d65386_r.png)