# 控件类型
一般来说一个表单字段在一个视图里对应着一种控件类型,但在不同的视图里可以有不同的控件类型。
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 | * |