正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
例如,开发一个组件详细说明如下: 在BridgeTestWidget.editor.js文件中,配置桥接器实例。
在AstroZero中自定义高级页面组件(widget)时,修改了JS文件,修改部分不生效? 在AstroZero组件库中,部分组件在组件详情页看不到更新和编辑入口 在AstroZero高级页面中,如何进行统一的HTTP状态拦截?
如下加粗代码所示,“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。
图2 事件、动作组件示例 其主要实现如下: widgetEventTemplate组件 在“widgetEventTemplate.js”文件中注册名称为“sendEvent”的事件,并在单击“trigger Event”按钮的时触发“sendEvent”事件,代码如下所示。
该组件详细说明如下: 在BridgeTestWidget.editor.js文件中,配置桥接器实例。
标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。
userLogin.editor.js、packageinfo.json:配置文件,请参考9和10修改。 修改userLogin.editor.js文件中的config代码,用于配置桥接器。
图6 事件、动作组件示例 其主要实现如下: widgetEventTemplate组件 在“widgetEventTemplate.js”文件中注册名称为“sendEvent”的事件,并在单击“trigger Event”按钮时触发“sendEvent”事件,代码如下所示。
以修改widgetVueTemplate.js文件中,name变量值为“AppCube Studio”为例,向您介绍如何在线编辑组件。 图5 在线编辑组件示例 修改完成后,单击页面右上角的,进入更新组件页面。 单击“更新”,返回组件详情页面。
自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。
op.submitInstance(variables)) 提交任务: $bpm(op => op.submitTask(variables)) 更改变量: $bpm(op => op.putVariables(variables)) 图3 在高级页面组件的事件中与BPM交互 另外,在高级页面的自定义组件的JS
启用js编译器 当打包应用内有高级页面时,才会显示该参数。开启后,会将高级页面引用的插件和资源进行JS编译,使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时,是否显示导航栏。 在OneMobile小程序容器管理后台,发布小程序。
以修改widgetVueTemplate.js文件中,name变量值为“AstroZero Studio”为例,向您介绍如何在线编辑组件。 图4 在线编辑组件示例 修改完成后,单击页面右上角的,进入更新组件页面。 单击“更新”,返回组件详情页面。
图20 自定义动作 示例中自定义的JS代码主要实现的功能为:利用JS调用后端服务,后端服务调用脚本完成删除功能。
还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。
在“widget_demo_i18n.js”的render方法中,使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量,并新建Vue实例传入该“i18n”变量。
启用js编译器 当打包应用内有高级页面时,才会显示该参数。开启后,会将高级页面引用的插件和资源进行JS编译,使代码规范化。 高级设置 > 导航栏显示方式 在小程序中展示时,是否显示导航栏。 在OneMobile小程序容器管理后台,发布小程序。
列数:设置表单的列数。开启弹性布局时,才显示该配置。 标签对齐方式:设置标签对齐方式,如左对齐、右对齐和上侧对齐。 动态表单数据:请输入JSON格式的选项内容。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏该组件,此方式为静态配置该组件的隐藏。
还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。