PageNow PageNow
首页
  • 产品简介
  • 快速入门
  • 进阶使用
API
视频教程
联系我们
购买
首页
  • 产品简介
  • 快速入门
  • 进阶使用
API
视频教程
联系我们
购买
  • 全局API

    • $
    • EventBus
    • Echarts
    • PnUtil
    • PnApi
    • BASE_PATH
  • 组件实例

    • this
      • 常用函数
        • this.redrawComp
        • this.findCompVmById
      • this.component
        • ds_type
        • ds_apiPath
        • ds_apiHeaders
        • ds_apiPostData
        • ds_wsPath
        • ds_sql
        • ds_resultObj
  • API
  • 组件实例
PageNow
2022-03-27

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

存储组件绑定的数据源结果集。

BASE_PATH

← BASE_PATH

Theme by Vdoing | Copyright © 2021-2023 PageNow数据可视化 桂ICP备2021000260号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×