页面树结构
转至元数据结尾
转至元数据起始

二开接口对象方法

接口对象:

IDetailedQuery、IAdHocAnalysisQuery、IDashboard

接口方法:getShrinkBar

作用: 获取右侧折叠栏二开扩展对象


名称

类型

说明

输入参数

ext

-

暂无需传递

返回值

iShrinkBar

ShrinkBarImpl

二次开发扩展折叠栏抽象类

IDetailedQuery.getShrinkBar(即席查询调用)

IAdHocAnalysisQuery.getShrinkBar(透视分析调用)

IDashboard.getShrinkBar(仪表盘调用)


接口对象:

ShrinkBarImpl(二次开发扩展折叠栏抽象类)

接口方法:setActivePanes

作用: 设置折叠栏的面板状态


名称

类型

说明

输入参数

statuses

Array

1、空数组[], 代表全部收起
2、数组中的元素

(仪表盘收缩面板配置项DashboardShrinkConfig)格式如下:
(相同组groupId下,只有一个面板为active)

// 数据面板(即席透视仪表盘都支持)
{
"groupId": "SHRINK_DATA",
"active": "DATA"
}
// 主题面板,当前仅仪表盘支持
{
"groupId": "SHRINK_DATA",
"active": "THEME"
}
// 图层面板,当前仅仪表盘支持
{
"groupId": "SHRINK_DATA",
"active": "LAYER"
}
//页面设置面板即席透视仪表盘都支持)
{
"groupId": "SHRINK_SETTING",
"active": "SETTING"
}
// 筛选器面板,当前仅仪表盘支持
{
"groupId": "SHRINK_FILTER",
"active": "FILTER"
}

返回值





二开示例

1、即席查询新增按钮点击按钮修改侧边折叠栏状态
this.on(AD_HOC_TOOLBAR_ON_INIT, (iAdHocToolbar, iAdHocAnalysis) => {
  // 添加自定义按钮
  iAdHocToolbar.addItem({
    id: 'test',
    label: '自定义按钮',
    icon: 'sx-icon-data-panel-toggle',
    handler: () => {
        let shrinkBar = iAdHocAnalysis.getShrinkBar()
        shrinkBar.setActivePanes([]) //收起所有侧边面板
        shrinkBar.setActivePanes([   //展开数据和设置面板
         {
          "groupId": "SHRINK_DATA",
          "active": "DATA"
         },
         {
          "groupId": "SHRINK_SETTING",
          "active": "SETTING"
         }
        ])
    }
  })
})

2、即席查询查询新增按钮点击按钮修改侧边折叠栏状态
this.on(D_QUERY_TOOLBAR_ON_INIT, (iDQToolbar, iDetailQuery) => {
  // 添加自定义按钮
  iDQToolbar.addItem({
    id: 'test',
    label: '自定义按钮',
    icon: 'sx-icon-data-panel-toggle',
    handler: () => {
        let shrinkBar = iDetailQuery.getShrinkBar()
        shrinkBar.setActivePanes([]) //收起所有侧边面板
        shrinkBar.setActivePanes([   //展开数据和设置面板
         {
          "groupId": "SHRINK_DATA",
          "active": "DATA"
         },
         {
          "groupId": "SHRINK_SETTING",
          "active": "SETTING"
         }
        ])
    }
  })
})

3、仪表盘新增按钮点击按钮修改侧边折叠栏状态
this.on(DASHBOARD_ON_TOOLBAR_INIT, (iToolbar, iDashboard) => {
    iToolbar.addItem({
    id: 'TEST',
    icon: 'sx-icon-like',
    label: '自定义按钮',
    handler: () => {
      let shrinkBar = iDashboard.getShrinkBar()
      shrinkBar.setActivePanes([]) //收起所有侧边面板
      shrinkBar.setActivePanes([   //展开数据和设置面板
         {
          "groupId": "SHRINK_DATA",
          "active": "DATA"
         },
         {
          "groupId": "SHRINK_SETTING",
          "active": "SETTING"
         }
        ])
    }
  }, 0)
 })
  • 无标签