检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置华为云Astro轻应用标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置华为云Astro轻应用标准页面下拉框组件属性 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：
表单 表单是一个组合组件，即可以直接绑定对象模型，构建基础表单能力，如保存、重置、查询（通过事件编排调用“getFormData”方法）。也可以在空表单中，添加其他可以绑定模型字段的组件，如输入框，下拉框等，以完成数据交互功能。 在标准页面设计界面，从“基本组件”中，拖拽“表单”组件至页面工作区域，如图1。
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
设置华为云Astro轻应用标准页面容器组件属性 标准页面提供了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，
步骤2：创建流程配置 使用说明 示例源码包安装完成后，可基于已安装的故障单流程，创建新的流程配置。 操作步骤 参考如何进入经典开发环境中操作，进入经典版应用开发页面。 在“项目 > 我的应用”中，单击已安装的应用（故障单流程），进入应用设计器。 将鼠标放在Logic文件夹上，单击“+”，选择“流程配置”。
下拉框 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“下拉框”组件至页面工作区域，如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
输入框 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“输入框”组件至页面工作区域，如图1。 图1 输入框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
