检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
在桥接器模板列表中，单击预置的桥接器模板，进入桥接器模板详情页面。 单击“下载”，设置桥接器名称和桥接器模型名称，单击“保存”。 此处设置的桥接器模型名称，需要和使用该自定义桥接器的组件中定义的模型名称相同，否则在组件中设置数据源时，桥接器实例无法选择到该桥接器。 基于模板自定义桥接器 参考
现场工程师处理工单对话框 页面模型分析 页面模型负责与页面组件交互，传递处理工单需要的工单ID、工单状态等信息。结合页面需求，“处理工单”对话框页面，需要创建如下模型： 表1 模型分析 模型名称 作用 详细定义 statusInfo 保存派单的参数。 自定义模型，包含的计算节点如下，这
AstroZero采用类似的结构管理应用程序。 如图1所示，应用管理页面包含三部分（红框1、红框2和红框3）： 红框1中是当前应用的页面、模型和逻辑。在后续章节中，开发的页面、对象及后台逻辑，推荐按以下规划的方式，将应用资源分别放在对应的目录下： Object：数据对象 Script：脚本
在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的
在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
单击“创建工单”，进入创建工单页面。 在“设备名称”下拉框中选择一个设备，检查“设备详情”区域显示了对应的设备详情。显示正确，则说明组件与模型的绑定，以及下拉框“数据改变”事件执行正确。 如果“设备名称”下，没有设备名，请先在“设备管理”页面，单击“新增行”进行添加。 检查是否正常提交工单。
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
辑前请单击进行锁定。 在标准页面的“设计视图”下，单击页面底部的“模型视图”页签，切换到“模型视图”。 图3 切换模型视图 定义模型“basicInfo”。 在模型视图页面，单击“新增模型”。 添加自定义模型，模型名称“basicInfo”，单击“下一步”。 单击“新增节点”，新
一步”，再次单击“下一步”，单击“确定”，选中该模型。 图3 新建模型 图4 选择模型 图5 完成值绑定后页面展示效果 支持选择任意类型的模型，进行值绑定，更多标准页面模型内容请参见如何获取后台数据。 选中“按钮”组件，在按钮组件的事件配置面板，为按钮组件添加“点击”事件。 图6
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
I）三种，对应的页面模型为“服务”。 图1 页面模型（服务） 方式一：将服务封装成页面模型执行后台逻辑 将服务（服务编排、脚本或API）映射为页面模型，在组件事件JS代码中，操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务，映射为页面服务模型，请参见如何获取后台数据。
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。
录页，新增图1所示的数据。 图3 自定义字段 在标准页面选中表格组件，新增模型，设置为对象模型，选中上一步的对象，设置表格数据源。 图4 设置数据绑定 图5 设置对象模型 图6 设置关联字段 图7 选中模型 在标准页面选中表格组件，开启“树形数据”并设置如下参数。 图8 开启树形数据并设置对应参数
检查及创建页面模型。 一般情况下，另存方式创建的页面，会保留原页面中的页面模型，单击“模型视图”，查看当前页面是否存在以下模型。 图2 页面原有模型 创建服务模型“deleteWorkOrder”。该模型用于绑定删除工单公共接口。 在“模型视图”，单击“新增模型”。 添加服务模型，模型名
在标准页面的底部，单击“模型视图”，从设计视图切换到模型视图。 图12 单击模型视图 单击“新增模型”，输入模型名称（如demo）、“来源”选择“对象”，单击“下一步”。 图13 新建模型 选择2中创建的对象和添加的字段，单击“下一步”。 图14 选择对象和字段 单击“确定”，完成模型的创建。 返回设计视图页面，新建表格关联模型。
图4 为对象添加数据 新建对象模型。 在应用设计器中，选择“界面”，单击页面后的“+”。 输入页面的标签和名称，单击“添加”，新建一个标准页面。 在标准页面底部，单击“模型视图”，将页面从设计视图切换到模型视图。 单击“新增模型”，输入模型名称（link）、“来源”选择“对象”，单击“下一步”。
单击，保存脚本，保存成功后单击，激活脚本。 新建对象模型。 在应用设计器中，选择“界面”，单击页面后的“+”，新建一个标准页面。 在标准页面底部，单击“模型视图”。 单击“新增模型”，输入模型名称（如sqlAdd）、“来源”选择“服务”，单击“下一步”。 图10 新建模型 选择2中创建的脚本，单击“确定”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
