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

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。

示例说明

在灵活分析报表中,显示快捷工具栏,并在其上添加一个新的按钮。对于该需求,可以通过客户端宏代码实现。效果如下图所示:

设置方法

  1. 在资源定制界面,创建灵活分析报表。
  2. 选中灵活分析,右键选择 编辑宏 进入报表宏界面。
  3. 在报表宏界面新建客户端模块。在弹出的新建模块对话框中选择对象为 simpleReport;事件为 onRender;并把下面宏代码复制到代码区域。


宏类型

类型

对象

事件

ClientSide

simpleReport

onRender

宏代码

function main(simpleReport, simpleReportContext) {
    // 显示快捷工具栏
    simpleReport.setShowShotCut(true);
    // 在快捷工具栏上添加新按钮
    var td = simpleReport.shortcut.firstChild;
    var goBtn = document.createElement('input');
    goBtn.setAttribute("type", "button");
    goBtn.className = "button-buttonbar ";
    goBtn.value = " 示 例  ";
    simpleReport.addListener(goBtn, "click", goFun, simpleReport);
    td.insertBefore(goBtn, td.firstChild);//添加到最前面
    //td.appendChild(goBtn);//添加到最后面
}; 
 
function goFun() {
    var showStr = "报表ID :" + this.queryId;
    alert(showStr);
};


关键对象总结

  • 显示快捷工具栏:simpleReport.setShowShotCut(true);
  • 为新添加按钮绑定事件处理函数:simpleReport.addListener(goBtn, "click", goFun, simpleReport);


  • 无标签