检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
可过滤：下拉框是否提供过滤能力。 远程搜索：是否根据输入的关键字，调用自定义的接口查询数据，和事件“on-remote-search”配合使用。 是否初始加载：拉框是否初始加载。 AUI风格：启用后，下拉框的下拉图标风格会所有不同。 最大宽度：组件的最大宽度。 表单校验 表单校验：当组件在表单中时，可对组
验。 错误信息：正则表达式校验失败时，提示的错误信息。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。 布尔类型：返回为“false”表示未通过校验，
斑马纹：是否显示间隔斑马纹。勾选后，表格会间隔显示不同颜色，用于区分不同行数据。 自动加载：预览或加载页面时，是否自动加载数据。仅当模型为对象模型时有效，启用后，预览或加载页面时，将调用后台的对象查询接口自动加载数据，不需要通过事件触发。 表格边框：设置表格的边框样式，支持显示完整边框、显示默认边框、显示外边框等。
图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端设置 移动端是否启用无背景色风格。 图4 移动端设置 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型
合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。 包含HTML5的DOCTYPE标签：勾选后，在发布后的
选项可选到这些桥接器。 例如，查看组件editor.js文件中model值为“SingleRepireDataViewModel”，查看“折柱图数据桥接器”和“柱状图和折线图数据桥接器”的“packageinfo.json”文件中model值同样为“SingleRepireDataViewModel”。
图1 视频播放 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
齐和右对齐等。 显示加载中：当要展示的内容较多时，用户看到页面内容可能需要稍长时间，开启加载中效果，体验会更好。 移动端配置 下拉刷新：下拉是否刷新列表。 默认数据条数：设置移动端列表视图，默认展示数据的数量。 显示加载文字：是否显示上拉加载文字。 异步加载：和事件（on-loa
图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
在AstroZero标准页面中，如何实现移动端上拉异步加载数据功能？ 如何查看AstroZero标准页面的URL格式？ 在AstroZero标准页面弹窗的onOk事件中，不想关闭弹窗该怎么处理？ 在AstroZero中编排高级页面时，如何实现不加载组件库资源？ 在AstroZero中自定义高
默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。
表格组件绑定数据后，可基于表格中的字段，添加数据表格查询栏。 图5 添加查询条件 图6 设置后效果 扩展属性 自动加载数据：仅当模型为对象模型时有效，启用后，预览或加载页面时，将自动加载数据，不需要通过事件触发。 可编辑：启用后，表格中每行的内容是否能进行编辑操作，不启用则内容为只读。 单选：启用后，显示单选按钮。
面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。
在应用设计器下方，选择“页面设置”。 获取锁后，在“属性”页签，去勾选“合并并压缩资源”。 若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后，单击，并单击，释放锁。 打开要
图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
单类应用），这种页面一般用于业务数据的增、删、改、查等基础功能，例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 高级页面主要用于开发应用中较复杂的前端页
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
此处以原始模板包为例，介绍Zip包中的文件以及文件的功能。 表2 桥接器目录结构说明 文件名 详细说明 mock\data.json 定义该桥接器静态数据，当在“组件属性设置”面板中数据栏配置该桥接器并选择静态数据类型时，平台将读取该文件内容，作为静态数据来源。 bridgeTest.js 实现该桥接器
text/plain”。 支持文件类型：支持的文件类型，与“过滤文件类型”不同的是，该参数是识别文件的后缀名，“过滤文件类型”为原生的属性，会在选择文件时过滤，可以两者结合使用。 支持多文件：是否支持多选文件。 自定义文件名：上传的单个文件时，可自定义上传的文件名。 同名处理：防止同名文件覆盖，同名
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
