主要组件属性说明
页面创建后,用户可以拖拽各种组件到页面中,并通过组件的属性面板,以设置属性方式,配置组件的功能、名称、宽/高/颜色等样式,丰富页面功能。
组件公共属性说明
将组件从页面右侧的组件元素区域拖动到页面后,在页面中,单击选中该组件,会在右侧显示该组件的属性配置面板;在属性配置面板中,可以对该组件在页面显示属性风格进行配置,使页面达到预期效果。
基础组件的某些属性大致相同,如表1中所示;其他未描述的属性,请参考具体组件介绍,并根据实际情况进行配置。
表 1 组件公共属性说明
参数名
|
说明
|
数据绑定
|
设置组件绑定的数据模型,数据模型一般有以下几种:
- 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段,绑定模型具体使用步骤及实例请参见开发一个页面。
- 对象:由后台对象模型映射创建,支持选择字段。
- 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。
- 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。
属性值绑定:对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。
|
公共
|
- 控件名称:当前组件的名称。
- Tab顺序:使用键盘操作时候,被选中的顺序(有些组件不包括此属性)。
|
样式
|
设置组件的基本样式。
- 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
- 调色板:单击“调色板”按钮,设置组件的宽度、高度、字体、颜色等属性,设置后的样式代码将自动显示在“样式”中。
- 样式:组件具体样式代码,您可以在CSS中输入自定义的样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。
- 样式透传:启用后,可以将设置好的样式透传给组件的子节点(有些组件不包括此属性)。
|
扩展属性
|
根据组件不同有不同属性。
|
组件树
|
如果页面上组件较多,不容易选中时,可以在右侧下方的组件树中,通过选择需要设置的组件名称,快速选中该组件。
|
- 页面
新创建的页面,默认是一个空白的页面框架,您可以通过设置页面属性,优化页面效果。
- 栅格容器
栅格容器是一种灵活的容器类页面布局,可以将页面进行横向和纵向分割。
- 表单
表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法);也可以在空表单中添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。
- 表格
表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。也支持用户根据实际业务要求在上面进行二次修改编排。
- 列表视图
列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。
- 图片
图片组件作为一个基础组件,用于展示图片。用户可以通过属性“图片地址”,来选择图片。
- 分页
当数据量较多时,可以使用分页组件,快速进行数据切换。
- 模态框
模态框组件作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。
- 输入框
输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入;一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。
- 下拉框
下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作。
- 按钮
按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。