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

(本文档仅供参考)

问题说明

       即席分析中,希望隐藏整个工具栏或指定工具栏按钮可以通过宏代码实现。

解决方案


(1)V11版本(基于数据模型) 隐藏工具栏指定按钮可参考:

宏类型

类型

对象

事件

客户端

detailed_query

onRender

宏代码

function main(detailedQuery: IDetailedQuery) {
    let toolbar: IDetailedQuery = detailedQuery.getToolbar();
    toolbar.removeItem(0, 0);//撤销 数组中第一个移除后后面的变成了第一个所以多次移除位置都是0
    toolbar.removeItem(0, 0);//重做
    toolbar.removeItem(1, 0);//保存
    toolbar.removeItem(0, 1);//导出
    toolbar.removeItem(1, 1); //浏览模式
}


另外,隐藏工具栏的更多、收藏和分享可参考以下示例代码:

注意:旧版本的即席查询暂不支持隐藏更多按钮,只有 SmartbiV11_20241201之后的版本才可以使用以下宏代码:

function main(detailedQuery: IDetailedQuery) {

    let toolbar = detailedQuery.getToolbar();

    toolbar.removeToolbarGroups(["MORE"]);

    //隐藏社交 "SHARE" 分享 "FAVORITE" 收藏 "COMMENT" 评论  "GIVELIKE"电子

    toolbar.removeToolbarItems("SOCIAL", [["SHARE"], ["FAVORITE"]]);

}

隐藏效果:


(2)V10版本(基于数据模型)参考此文档可隐藏新即席查询整个工具栏:

宏类型

类型

对象

事件

ClientSide

model_query

onRender

宏代码

1
2
3
4

function main(modelQuery: IModelQuery) {
    var toolbar:IModelQueryToolbar = modelQuery.getModelQueryToolbar();
    toolbar.hide();
}


        (3)V10版本(基于数据模型)隐藏工具栏指定按钮可参考:

//类型:客户端  对象:model_query  事件:onRender
function main(modelQuery: IModelQuery) {
    let toolbar: IModelQueryToolbar = modelQuery.getModelQueryToolbar();
    toolbar.appendCss('.__BaseQueryToolbar_btnRefresh', { display: 'none' });   //刷新
    toolbar.appendCss('.___BaseQueryToolbar_btnSave', { display: 'none' });   //保存
    toolbar.appendCss('.___BaseQueryToolbar_btnSaveAs', { display: 'none' });    //另存为
    toolbar.appendCss('.___BaseQueryToolbar_btnAddToFavorite', { display: 'none' });    //个人参数
    toolbar.appendCss('.___BaseQueryToolbar_btnSettings', { display: 'none' });   //设置
    toolbar.appendCss('.__BaseQueryToolbar_export', { display: 'none' });   //导出
}

        


(4)如何隐藏即席查询(旧)的抽取按钮

在《系统运维》->《界面设置》中添加如下代码:

       .divIcon-queryview-toolbar-button:has(>.s-icon-data-extract) {display: none;}

注意:浏览器支持程度


(5)组合分析(V8及以前版本)导出按钮上没有文字描述,想要加上相应的描述,如何实现?

参考下面的宏去添加文字描述:

1
2
3
4

function main(simpleReport, simpleReportContext) {
simpleReport.combinedQuery.getQueryView()["cqBtnExport"].value = "    导出";
simpleReport.combinedQuery.getQueryView()["cqBtnExport"].style.width = "48px";
 }