检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
组件页面。 单击,选择新建并开发自定义组件中自定义的组件包BarGraph.zip,填写基本信息,单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称,系统会根据组件包名称自动填充。 示例:BarGraph 操作类型 当前操作的类型,如新增、更新等。
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
自定义桥接器 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroC
单击新增时触发 (vm) itemDelCallBack delAssembleType 单击删除时触发 (value) 配置示例 配置后效果,如图1所示。 { type: "list", name: "commProps.rowCusBg", displayMode:
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示
time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下,设置后效果如图1所示。 { migrateFrom: 'advancedSettings', headerTitle: { zh_CN: