在编辑器属性处 实现三级联动效果

domky

我想实现一个在属性的地方实现三级联动效果，数据要动态加入。
例如属性中关联应用动态加载，并且可以过滤下级的表的数据，该如何实现？

admin已获得悬赏 200 威望

最佳答案

需要注意的是，“relationApp"必须跟组件上述三个属性名称其中任何一个完全相同。

• admin
• 发表于2023-03-20
• 详细答案 >

admin

是的，可以将三个属性编辑器合并为一个组件文件，比如叫relationApp-editor.vue。
然后在externsion-loader.js文件import进来，作为PERegister.registerCPEditor函数的最后一个参数即可。
import RAEditor from '/path/to/relationApp-editor.vue'

PERegister.registerCPEditor('relationApp', 'relationApp-editor', RAEditor)  //vue 2写法
或
PERegister.registerCPEditor(app, 'relationApp', 'relationApp-editor', RAEditor)  //vue 3写法

justin1024

把这三个下拉框写在一个文件里比较好，[属性]-editor.vue。然后就是加载数据，直接调用axios。
可以通过props.designer.formWidget 中获取globalDsv中配置的地址，或者参考optionItems-editor.vue 的loadDataSet方法从dataset获取数据

admin

admin 发表于 2023-3-20 15:04
是的，可以将三个属性编辑器合并为一个组件文件，比如叫relationApp-editor.vue。
然后在externsion-loader ...

需要注意的是，“relationApp"必须跟组件上述三个属性名称其中任何一个完全相同。

domky

admin 发表于 2023-3-20 15:04
是的，可以将三个属性编辑器合并为一个组件文件，比如叫relationApp-editor.vue。
然后在externsion-loader ...

通过这种方式注入的组件，我怎么在widget 里面获取到 组件文件里的值呢

admin

domky 发表于 2023-3-20 18:03
通过这种方式注入的组件，我怎么在widget 里面获取到 组件文件里的值呢

属性编辑器的optionModel，指向的就是组件定义的options对象

闫斌0103

发表评论赚取一个积分

闫斌0103

发表评论赚取一个积分

闫斌0103

发表评论赚取一个积分

闫斌0103

发表评论赚取一个积分