OneNET应用开发环境 由浅入深应用开发环境
应用开发环境介绍 初识应用开发环境 开发入门 开发进阶
开发指南
开发应用 定义数据对象 创建聚合对象 开发脚本 管理事件 开发流 配置审批流程 开发标准页面 开发高级页面 开发商业流 配置连接器 开发Email发送功能 配置工作流 开发报表 自定义BO 管理平台

主要组件属性说明

页面创建后,用户可以拖拽各种组件到页面中,并通过组件的属性面板,以设置属性方式,配置组件的功能、名称、宽/高/颜色等样式,丰富页面功能。

组件公共属性说明

将组件从页面右侧的组件元素区域拖动到页面后,在页面中,单击选中该组件,会在右侧显示该组件的属性配置面板;在属性配置面板中,可以对该组件在页面显示属性风格进行配置,使页面达到预期效果。

基础组件的某些属性大致相同,如表1中所示;其他未描述的属性,请参考具体组件介绍,并根据实际情况进行配置。

表 1 组件公共属性说明

参数名

说明

数据绑定

设置组件绑定的数据模型,数据模型一般有以下几种:

  • 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段,绑定模型具体使用步骤及实例请参见开发一个页面
  • 对象:由后台对象模型映射创建,支持选择字段。
  • 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。
  • 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。

属性值绑定:对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。

公共

  • 控件名称:当前组件的名称。
  • Tab顺序:使用键盘操作时候,被选中的顺序(有些组件不包括此属性)。

样式

设置组件的基本样式。

  • 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
  • 调色板:单击“调色板”按钮,设置组件的宽度、高度、字体、颜色等属性,设置后的样式代码将自动显示在“样式”中。
  • 样式:组件具体样式代码您可以在CSS中输入自定义的样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。
  • 样式透传:启用后,可以将设置好的样式透传给组件的子节点(有些组件不包括此属性)。

扩展属性

根据组件不同有不同属性。

组件树

如果页面上组件较多,不容易选中时,可以在右侧下方的组件树中,通过选择需要设置的组件名称,快速选中该组件。

  • 页面
    新创建的页面,默认是一个空白的页面框架,您可以通过设置页面属性,优化页面效果。
  • 栅格容器
    栅格容器是一种灵活的容器类页面布局,可以将页面进行横向和纵向分割。
  • 表单
    表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法);也可以在空表单中添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。
  • 表格
    表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。也支持用户根据实际业务要求在上面进行二次修改编排。
  • 列表视图
    列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。
  • 图片
    图片组件作为一个基础组件,用于展示图片。用户可以通过属性“图片地址”,来选择图片。
  • 分页
    当数据量较多时,可以使用分页组件,快速进行数据切换。
  • 模态框
    模态框组件作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。
  • 输入框
    输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入;一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。
  • 下拉框
    下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作。
  • 按钮
    按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。

results matching ""

    No results matching ""