二开接口对象方法
接口对象:
IDetailedQuery、IAdHocAnalysisQuery、IDashboard
接口方法:getShrinkBar
作用: 获取右侧折叠栏二开扩展对象
名称 | 类型 | 说明 | |
输入参数 | ext | - | 暂无需传递 |
返回值 | iShrinkBar | ShrinkBarImpl | 二次开发扩展折叠栏抽象类 |
IDetailedQuery.getShrinkBar(即席查询调用)
IAdHocAnalysisQuery.getShrinkBar(透视分析调用)
IDashboard.getShrinkBar(仪表盘调用)
接口对象:
ShrinkBarImpl(二次开发扩展折叠栏抽象类)
接口方法:setActivePanes
作用: 设置折叠栏的面板状态
名称 | 类型 | 说明 | |
输入参数 | statuses | Array | 1、空数组[], 代表全部收起 (仪表盘收缩面板配置项DashboardShrinkConfig)格式如下: // 数据面板(即席透视仪表盘都支持) |
返回值 | 无 |
二开示例
代码块 |
---|
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)
}) |