共计 2435 个字符，预计需要花费 7 分钟才能阅读完成。
Foxnic-Web 代码生成 (6) —— 配置字段的表单组件
概述
上一篇中咱们讲述了字段配置的通用项，本篇将具体介绍字段的表单编辑器配置。针对不同的表单编辑器，能够指定不同的代码生成参数。默认状况下，代码生成会依据表字段的类型等信息主动匹配一个表单组件。当然，开发人员也能够手动指定每个字段的表单组件类型。
尽管表单组件是出现在表单界面的，然而它的设置同样会影响搜寻区域对应的条件输入框。搜寻区域的条件输入框组件按肯定的规定与表单组件对应。本文将一一介绍表单组件以及它们的代码生成配置项。
本文中的示例代码均可在 https://gitee.com/LeeFJ/foxni… 我的项目中找到，本文对照 webfull 我的项目解说。
残缺示例
因为，每个组件的配置较多，本篇也不能齐全一一列举，提供 Foxnic-Web 我的项目下有一各种组件反对的残缺示例，请大家参考：
https://gitee.com/LeeFJ/foxni…
单行文本框
单行文本框是大多数状况下字段的默认组件。通过 view.field(XXX).form().textInput() 办法指定，默认搜寻框为单行文本框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultText | 指定默认文本 |
多行文本框
多行文本框通过 view.field(XXX).form().textArea() 办法指定，默认搜寻框为单行文本框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultText | 指定默认文本 |
| height | 指定文本框高度 |
数值输入框
数值输入框通过 view.field(XXX).form().numberInput() 办法指定，默认搜寻框为数值输入框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| allowNegative | 是否容许正数，默认容许 |
| decimal | 指定为小数输入框 |
| integer | 指定为整数输入框 |
| defaultValue | 默认值 |
| range | 数值范畴 |
| scale | 小数位 |
| step | 滚轮步长 |
按钮组件
按钮组件通过 view.field(XXX).form().button() 办法指定。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| action | 指定默认文本 |
| chooseOrganization | 关上组织抉择对话框 |
| chooseCompany | 关上公司抉择对话框 |
| chooseDepartment | 关上部门抉择对话框 |
| chooseEmployee | 关上员工抉择对话框 |
| choosePosition | 关上岗位对话框 |
复选框
复选框组件通过 view.field(XXX).form().checkBox() 办法指定，默认搜寻框为下拉框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultValue | 指定默认选中的值 |
| defaultIndex | 指定默认选中的序号 |
| enumType | 指定选项为枚举类型 |
| dict | 指定选项为数据字典 |
单选框
单选框组件通过 view.field(XXX).form().radioBox() 办法指定，默认搜寻框为下拉框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultValue | 指定默认选中的值 |
| defaultIndex | 指定默认选中的序号 |
| enumType | 指定选项为枚举类型 |
| dict | 指定选项为数据字典 |
下拉框
下拉框组件通过 view.field(XXX).form().selectBox() 办法指定，默认搜寻框为下拉框。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultValue | 指定默认选中的值 |
| defaultIndex | 指定默认选中的序号 |
| enumType | 指定选项为枚举类型 |
| dict | 指定选项为数据字典 |
| fillWith | 指定用哪个属性的数据填充下拉框的已选值 |
| filter | 是否应用过滤性能 |
| muliti | 配置为是否多选 |
| paging | 是否分页 |
| size | 分页大小 |
| queryApi | 指定取数的 API 地址 |
| valueField | 设置值列名 |
| textField | 设置显示列名 |
| toolbar | 是否应用工具栏 |
日期抉择框
日期抉择框通过 view.field(XXX).form().dateInput() 办法指定。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| format | 格局, 如: yyyy-MM-dd HH:mm:ss , yyyy-MM-dd 默认，为自动识别 |
| defaultNow | 设置默认值为以后工夫 |
| renderAtTop | 为防止 iframe 区域太小而被遮挡，可设置改值使其弹出框显示在 iframe 之外 ; 默认 false |
Switch 组件
Switch 组件通过 view.field(XXX).form().logicField() 办法指定。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| defaultValue | 指定默认文本 |
| on | 设置开启 (逻辑真) 状态下的标签与值 |
| off | 设置敞开 (逻辑假) 状态下的标签与值 |
文件上传组件
文件上传组件通过 view.field(XXX).form().upload() 办法指定。它的配置项有：
| 配置项 | 阐明 |
|---|---|
| acceptAllType | 容许上传任意类型的文件 |
| acceptAudioType | 仅容许上传音频 |
| acceptImageType | 仅容许上传图片 |
| acceptSingleFile | 仅容许上传单个文件 |
| acceptSingleImage | 仅容许上传单个图片 |
| acceptVideoType | 仅容许上传视频 |
| acceptMime | 容许上传的 Mime |
| acceptExts | 容许上传的文件扩展名 |
| buttonLabel | 文件浏览按钮的显示文本 |
| displayFileName | 是否显示文件名 |
| maxFileCount | 最大文件数量 |
小结
本节列举了 Foxnic-Web 目前曾经反对的全副表单组件。表格中的每个配置办法都蕴含若干参数，因为篇幅限度不能一一列举每个办法内参数的用法，大家能够按 JavaDoc 提醒指定参数值。
相干我的项目
https://gitee.com/LeeFJ/foxnic
https://gitee.com/LeeFJ/foxni…
https://gitee.com/lank/eam
https://gitee.com/LeeFJ/foxni…
官网文档
http://foxnicweb.com/docs/doc…