通用配置
配置项说明
参数 |
类型 |
是否必选 |
示例 |
说明 |
|---|---|---|---|---|
type |
String |
是 |
type: "input" |
配置项类型。 |
value |
String |
否 |
value: "defaultValue" |
默认值。 |
name |
String |
是 |
name: "commProps.myString" |
字段的值与advanceEditvm中的commProps.myString双向绑定。 |
label |
Object |
否 |
label: { "zh_CN": "中文标签", "en_US": "En label" } |
配置项的标签，需要国际化。 |
tip |
Object |
否 |
tip: { zh_CN: "中文提示", en_US: "English tip"} |
提示图标，当配置项比较复杂，可以添加一些提示内容。 |
noToolTip |
Boolean |
否 |
noToolTip: false |
标签是否具有el-tooltip提示，默认为false。 |
disabled |
Function | Boolean |
否 |
disabled: true或(data, field, vm) => boolean |
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 |
showFunc |
Function |
否 |
showFunc: function(vm) { return vm.commProps.showTitle; } |
是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示 function定义。 |
events |
Object |
否 |
events: { change: function(vm, value) { } } |
配置项修改触发事件的回调函数，当前仅支持change事件。 |
入参vm说明
组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。
配置示例
通用配置示例如下，设置后效果如图1所示。
{
type: 'slider',
value: 5,
name: 'gridNum',
label: { 'zh_CN': '间隔时间', 'en_US': 'Interval' },
tip: { 'zh_CN': '数据刷新间隔时间', 'en_US': 'Data Refresh Interval' },
events: {
change: function (vm, value) {
vm.saveProperties({slide_speed: value})
}
},
showFunc: function (vm) {
return (vm.check1 === true)
}
}
