# JS

# 1.新增文件于public/panelJs目录下

无论新增何种js扩展,皆需在上述目录下新建文件编写相关内容

js扩展具体可分为三大块:面板js扩展、块扩展、内容扩展

# 2.根据不同需求编写不同内容扩展

# 面板js扩展

在步骤1目录下新建文件处理配置自定义js,编写完成需使用则可在编辑面板的面板js中输入相关路径

在配置自定义js时,可编写afterPanel内容

# afterPanel

请求完面板数据后的事件

panel-expend1

例如public/panelJs目录下新建panel/test.js配置自定义js

它的完整路径为public/panelJs/panel/test.js,但在面板js输入路径时仅需输入/panel/test.js即可,且注意前面有斜杠

# 块扩展

暂无具体需求,后续待添加

若需添加,添加和使用方式与内容图表配置一致

# 内容扩展

在配置自定义js时,可编写以下内容

# dataUrl

String,主要填写内容请求路径

# showTitle

Boolean,是否展示内容标题

# jsonUrl

String,地图json文件地址

# mdCode

String,模型编码(针对列表类型)

# beforeRequest

Function,请求前方法,可修改请求url与参数,接收的形参为 params, url

# afterRequest

Function,请求后处理事件,可修改请求后返回的res

# beforeRender

Function,渲染前处理事件

content-expend1

内容扩展的方式有两种:

  • 一种是在系统添加或编辑块的内容信息的js路径输入相关路径

例如public/panelJs目录下新建content/test.js配置自定义js

它的完整路径为public/panelJs/content/test.js,但在js路径输入路径时仅需输入/content/test.js即可,且注意前面有斜杠

  • 一种是在系统添加或编辑块的内容信息的图表配置编写json

除Function外的其他类型均可直接在,图表配置表单上直接配置,Function类型只能通过第一种方式

注意

简单来说,第一种方式能做到的第二种方式不一定能,第二种方式能做到的第一种方式一定能,但第二种方式使用较为方便
自定义配置js的优先级 > json优先级,即第一种方式优先级 > 第二种方式优先级