this
当我们在组件的【初始化运行脚本】中或部分可交互组件的交互事件触发执行脚本中,可通过this
获取到当前组件的VM实例对象。
注:部分组件的事件触发执行脚本中会特别注明使用_this
来引用VM实例。
# 常用函数
# this.redrawComp
重绘组件,一般当我们修改了组件数据源相关配置属性的之后,要调用此函数来对组件进行重绘。
- 参数:无
- 返回值:无
# this.findCompVmById
根据组件ID获取组件的VM实例对象,使用此函数,可以在当前组件的动态脚本中获取同页面下的其他组件的VM实例对象。
- 参数:
- {string} componentId:组件ID
- 返回值:组件VM实例对象
# this.component
存储组件的相关配置信息,包括ID、组件名称、组件版本、配置属性,标准的this.component
数据对象如下所示:
{
"id": "",
"name": "",
"version": "",
"compConfigData": {
...
}
}
其中compConfigData
中存储的就是组件的所有可配置属性,一般在动态脚本中,我们可以通过修改compConfigData
下的各项属性来动态改变组件的呈现状态。
不同组件所拥有的配置属性各不相同,我们无法在文档中将所有组件拥有的配置属性都一一列出说明,如需要查看组件的所有配置属性,我们可以通过在组件的配置表单中点击【查看组件配置源数据】来了解当前组件具体都有哪些配置属性。
以下仅列出一些大部分组件都拥有的用于配置数据源相关功能的配置属性,因为这些属性是我们在实现一些组件之间数据交互效果时会经常用到的。
注:以下列出的所有配置属性,均基于this.component.compConfigData
下。
# ds_type
this.component.compConfigData.ds_type
存储组件使用的是何种数据源类型,有如下几种类型:
- static:静态数据源
- api:API数据源
- database:数据库数据源
- websocket:WebSocket数据源
- shareDatasource:共享数据源
- csv:CSV数据源
# ds_apiPath
this.component.compConfigData.ds_apiPath
存储组件API数据源的API接口地址,当ds_type为api时使用到。
# ds_apiHeaders
this.component.compConfigData.ds_apiHeaders
存储组件API数据源的请求头数据,当ds_type为api时使用到。
# ds_apiPostData
this.component.compConfigData.ds_apiPostData
存储组件API数据源的POST请求的Data数据,当ds_type为api时使用到。
# ds_wsPath
this.component.compConfigData.ds_wsPath
存储组件WebSocket数据源的请求地址,当ds_type为websocket时使用到。
# ds_sql
this.component.compConfigData.ds_sql
存储组件数据库数据源的SQL语句,当ds_type为database时使用到。
# ds_resultObj
this.component.compConfigData.ds_resultObj
存储组件绑定的数据源结果集。