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

(本文档仅供参考)

问题1:隐藏部分按钮

(1)V11版本如何隐藏某仪表盘页面工具栏的部分按钮呢?

解决方案:

添加宏:

function main(page: IPage) {
    let toolbar = page.getPageToolbar()//获取仪表盘工具栏接口对象
    toolbar.removeButton(9)//点赞按钮
    toolbar.removeButton(8)//评论按钮
    toolbar.removeButton(7)//分享按钮
    toolbar.removeButton(6)//收藏按钮
    toolbar.removeButton(4)//下载按钮
    toolbar.removeButton(3)//另存
    toolbar.removeButton(2)//重载
    toolbar.removeButton(1)//刷新

}


(2)V11版本对于仪表盘组件上的工具栏按钮,怎么实现隐藏部分呢?

image2024-7-27_10-51-22.png

解决方案

参考如下宏代码,对于需要隐藏按钮的组件分别创建宏模块:

对象:组件事件:onBeforeRender


function main(page: IPage, portlet: IEChartsPortlet) {
 
    portlet.getToolbar().removeButton('FILTER_ITEMS');//影响此组件的筛选条件
    portlet.getToolbar().removeButton('AS_FILTER');//作为筛选器
    portlet.getToolbar().removeButton('ENTER_DETAIL_QUERY_MODE');//转即席
    portlet.getToolbar().removeButton('ENTER_PIVOT_ANALYSIS_MODE');//转透视
    portlet.getToolbar().removeButton('EXPORT');//下载
    portlet.getToolbar().removeButton('DESCRIPT_ITEMS');//组件说明
    portlet.getToolbar().removeButton('MAX_WINDOW');//最大化
}


问题2:隐藏工具栏

V11版本如何统一隐藏某仪表盘的工具栏和组件工具栏呢?

image2023-11-27_17-17-10.png

解决方案:

1、不选中仪表盘画布区域组件时,点击组件设置-浏览效果,配置浏览态工具栏隐藏,即可隐藏当前仪表盘的工具栏。

image2023-11-27_17-18-3.png

2、若还想再显示某些组件的工具栏,则需选中组件再配置是否隐藏工具栏。

注意单个组件的组件设置优先级,大于全局组件设置优先级。


问题3:修改工具栏

参考wiki在仪表盘自定义了一个按钮调用sql,希望将菜单放到指定的位置,是否可以修改菜单栏起始位置


解决方案

参考下面宏代码修改css样式即可

function main(page: IPage) {
        page.appendCss('.sx-flex-menu',
        { 'left': '100px !important' }
 
)

image2024-8-21_14-30-17.png

image2024-8-21_14-30-32.png