# 控件类型
一般来说一个表单字段在一个视图里对应着一种控件类型,但在不同的视图里可以有不同的控件类型。
IDE中通过点击下图中的栏位可以更改字段的控件类型:
想在不同视图里支持渲染不同的控件类型,请先点击如图位置切换视图,然后再更改控件类型即可:
目前支持的控件类型见下面的控件列表。
# 控件列表
| 类型 | 名称 | 用途描述 |
|---|---|---|
| Edit | 文本框 | 单行文本 |
| TextArea | 大文本框 | 多行文本 |
| RichText | 富文本框 | 输入富文本 |
| Remark | 备注文本框 | 可输入多行文本,但只显示一个图标表示有无输入 |
| Date | 日期 | 以yyyy-mm-dd的格式输入日期 |
| Time | 时间 | 以mm:ss的格式输入时间 |
| Check | 复选框 | 复选项 |
| Switch | 切换开关 | 切换状态开关 |
| CheckList | 复选框 | 以代码表作为复选项 |
| Option | 单选框 | 单选项 |
| OptionList | 单选框 | 以代码表作为单选项 |
| Select | 下拉框 | 下拉输入 |
| Suggester | 提示输入框 | 带有智能提示的输入文本框 |
| Suggester2 | 提示输入框 | Suggester的升级版本,功能同Suggester |
| Label | 标签 | 标签显示内容,不可输入 |
| Hidden | 隐藏字段 | 隐藏内容,不显示 |
| Anchor | 链接 | 超链接,可以多种方式打开 |
| File | 文件 | 文件上传 |
| Image | 图片显示 | 显示图片 |
| Picture | 图片上传 | 图片上传 |
| Help | 帮助 | 显示一个帮助图标,点上去出帮助提示 |
| Button | 按钮 | 显示一个按钮,点击后会触发后台fieldChange |
| LinkButton | 链接按钮 | 显示一个链接,点击后会触发后台fieldChange |
| CheckButton | check按钮 | 显示一个按钮,有选中和不选中两种状态 |
| Thing | 物品 | 输入物品 |
| IFrame | iframe | 用于设计第三方控件 |
| Map | 地图 | 用于显示位置或者让用户选取位置 |
另有2个重复控件: RepeatSection(重复节) RepeatTable(重复表),这两个控件可以是其它控件的容器,重复节和重复表的内容都由多行组成,可以进行行的增、删、上下移功能
# 数据支持
所有控件所支持的数据类型如下
| 控件类型\数据类型 | string | anyURI | XHTML | integer | double | boolean | date | datetime | User | Organize | Code | File | Doc | Thing | Location |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Edit | * | * | * | ||||||||||||
| TextArea | * | ||||||||||||||
| RichText | * | ||||||||||||||
| Remark | * | ||||||||||||||
| Date | * | ||||||||||||||
| Check | * | ||||||||||||||
| Switch | * | ||||||||||||||
| CheckList | * | ||||||||||||||
| Option | * | * | |||||||||||||
| OptionList | * | ||||||||||||||
| Select | * | ||||||||||||||
| Suggester | * | * | * | ||||||||||||
| Label | * | * | * | * | * | * | * | * | * | * | * | * | |||
| Hidden | * | * | * | * | * | * | * | * | * | * | * | ||||
| Anchor | * | * | * | ||||||||||||
| File | * | * | * | ||||||||||||
| Doc | * | ||||||||||||||
| Image | * | * | * | ||||||||||||
| Picture | * | * | |||||||||||||
| Help | * | ||||||||||||||
| Button | * | ||||||||||||||
| LinkButton | * | ||||||||||||||
| CheckButton | * | * | |||||||||||||
| IFrame | * | ||||||||||||||
| Thing | * | ||||||||||||||
| Map | * |