检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。
例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
主要事件说明 事件编排器说明 如何通过JS代码，实现页面与后台接口间的交互 页面级常见操作 控制组件是否可见可用可编辑 BPM相关预置事件说明 父主题： 标准页面
例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo.json中添加这两个文件的描述。其中，“js”和“css”用于定义文件类型，“name”用于定义文件路径及名称。
表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见高级页面组件中预置的API。
自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。
+[a-z]{2,}$"); return reg.test(value); 校验错误信息 当“自定义校验”中，JS代码返回值类型为布尔类型时，会取该参数的值为错误提示信息。 当“自定义校验”中，JS代码返回值类型为对象类型时，直接取返回值中的message值为错误提示信息。
表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。
表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。
图6 调试js代码 调试DOM及样式 在标准页面开发界面，单击，预览标准页面。 在弹出的预览页面，按“F12”或者“Ctrl + Shift + I”，开启浏览器调试工具。 在“Elements”页签，单击左边选择器。
需要在已用到该组件的应用开发工作台左下角单击“页面设置”，在弹出的页面中选择“插件”页签，在该组件所在行的操作列单击执行升级操作。大屏中更新组件的方法为：在大屏项目开发页面右上角单击，打开项目设置页面，选择“组件”页签执行升级操作。最后在用到该组件的页面中重新保存发布即可更新。
CustomTranslation 翻译表。 Application 应用表。 Service BO表。 ApplicationComponent 应用中的组件表。 ServiceItem BO中的组件表。 URLMap 存放Custom API信息。
在页面的组件js文件中，使用预置的“this.$mstore.dispatch（）”方法，修改状态数据。 系统还预置了onStateChanged(state) 方法，用于监听属性整个全局状态的变更。 父主题： 高级页面
如下图所示，给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行“重置表单”，再执行“自定义JS代码”。 父主题： 添加事件实现华为云Astro轻应用组件间交互
在弹出的页面中，选择“插件”页签，单击该组件所在行的，执行升级操作。 （可选）修改组件所属分类。 修改后，该组件将会在页面的对应分类下进行展示。 单击右上角的“...”，选择“批量修改组件分类”。 图2 修改组件分类入口 全选或勾选需要修改所属类别的组件，单击“修改”。
图41 事件配置 在“添加动作”页面，选择“自定义动作”，输入自定义JS代码，单击“创建”。 如下JS代码仅为示例，请根据实际情况修改示例中表单名称（form_0）和字段名称（data.name）。更多自定义JS脚本介绍，请参见如何通过JS代码，实现页面与后台接口间的交互。
图1 自定义JS代码 解决方法 “onOK”是系统预置事件，不提供阻止窗口关闭的能力。对于类似需求，可以通过将“footerHide”属性设为“true”，来屏蔽弹窗中的预置功能按钮，改为弹窗引用业务页面自己的相应功能按钮，并在按钮事件中实现所需校验、提示、关闭等处理逻辑。
图2 Page传值原理 主要实现原理如下： widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。
在BridgeTestWidget.js文件中，定义桥接器处理逻辑。 组件中，常用桥接器的相关API，如表1所示。完整的BridgeTestWidget.js配置示例如下。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
