自定义开发领域控件原创
金蝶云社区-生态
生态
11人赞赏了该文章 631次浏览 未经作者许可,禁止转载编辑于2021年03月04日 17:52:31

实现:

    前端的实现参考上篇文章https://club.kdcloud.com/article/154967026157719296

    后台封装,实现一个图表领域控件的封装

    画报图表控件的使用 


为什么封装领域控件?

  领域控件封装是在使用自定义控件能像平台控件类似,在自己项目中多个页面使用,只需要拖入自定义控件,绑定控件方案,在插件里面设置控件属性,设置新数据

1、最终实现效果,上篇文章是直接在前端js里面预置Json数据渲染,本次实现是在插件里面设置数据

2、控件封装的目录

image.png

3、自定义控件封装部分代码

WzyControlCustom.java   自定义控件常用属性,setData,setKey,setView等,正常控件是不需要继承Chart这个类的,因为我是图表类型控件封装,所以才需要

image.png

WzyControlCustomAp.java

封装一些属性,自定义控件绑定方案setCtrlSchema,setKey等,普通控件不需要实现ChartAp<PictorialChart>

image.png

4、画报图表封装

实现一些需要的方法,父类没有的自己造

PictorialChart.java

image.png

PictorialChartAp.java

因为没有控件属性,用的自定义控件属性,所以随便加

image.png

PictorialSeries.java

设置系列,原来的图表控件不满足我,加了两个方法,图片src绘制,绘制svg的path

public class PictorialSeries extends Series

image.png

5、画报图使用

跟图表控件类似,简单看一下

image.png


【emoji】

赞 11