页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

如果您是第一次接触宏,建议可以结合报表宏功能简介整体了解报表宏,或至少了解下报表宏事件

1、报表宏管理

1.1 报表宏的编辑页面

“宏编辑”界面是报表宏的开发界面。

操作入口

  • 定制管理 > 资源定制 节点下,选中资源的右键菜单中选择“编辑宏”,进入“宏编辑”界面;



 

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid
文档目录:

目录

相关文档:

 

宏编辑”界面主要分为以下几个区域:

  •   模块区:该区用于通过新建模块,在模块上定制宏。包含服务端模块、客户端模块和跳转规则向导。
  •   帮助区:该区用于为当前模块根据不同的对象和类型显示系统中定义的对象和方法。
  •   属性区:该区用于显示当前模块的相关属性。
  •   编辑区:该区用于为当前模块进行宏的编辑,宏代码遵循JavaScript语法规范。
  •   操作:该区用于显示对当前模块宏代码的功能按钮。其中“禁用”表示该宏代码是否禁用,默认不勾选。

 

2、开发一个简单的报表宏

2.1 示例说明

在内置的“列表式报表”中,当单价大于等于20时,显示向上箭头;当单价小于20时,显示向下箭头。

 

2.2 第一步:进入报表宏编辑界面

在“资源定制”中对“仪表盘目录”-》“功能演示”-》“电子表格”-》“常见报表”-》“列表式报表”进行宏编辑,如图所示:

2.3 第二步:选择报表宏触发事件

1、在“宏编辑”界面的左上角选择“客户端模块”,点击右键“新建模块”。

2、选择“simpleReport”对象(当前报表对象),事件选择“onRenderTable”(表格刷新事件)。目的是报表的表格刷新完后触发下面编写的宏代码脚本,如图所示:2、选择“spreadsheetReport”对象(当前报表对象),事件选择“onRender”(表格刷新事件)。目的是报表的表格刷新完后触发下面编写的宏代码脚本,如图所示:

Image RemovedImage Added

2.4 第三步:报表宏脚本编写

编写报表宏代码。新建宏模块后,在宏代码区中系统会自动生成一个main方法,报表宏就是在该方法中编写,如图所示:

Image RemovedImage Added 

实现红绿灯的JS代码参考如下:实现上下箭头的JS代码参考如下:

代码块
themeEclipse
languagejs
firstline1
linenumberstrue
  function main(simpleReport, simpleReportContextspreadSheetReport) {
    	var headerRowsrow = simpleReportspreadSheetReport.grid.getHeaderRowsgetRowCount() - 1;
   	 var rowCountstartrow = simpleReport.grid.getRowCount()4;
   	 for (var i m= headerRows;m< rowCount;mstartrow; i < row; i++) {
		//获取"数量"字段所在位置
		var n = simpleReport.getFieldIndexByAlias('数量');
		//获取数量值单元格对象
		var c = simpleReport.grid.getCell(m,n);
		//获取数量值
		var value = c.innerText;
		//去掉数值中的千分位符号
		var floatValue        var td = spreadSheetReport.getCell(i, 7);
        var value = parseFloat(valuetd.innerText.replace(",", ""));
		c.align ='right';
		//根据数量大小添加不同的图标
		if (!isNaN(floatValue) && floatValue>1000){
			//添加绿灯图标
			c.innerHTML += '<img src="./img/alertdialog/Icon_8.gif" />';
		}else{
			//添加红灯图标
			c.innerHTML += '<img src="./img/alertdialog/Icon_4.gif" />';
        if (value >= 40) {
            var img = document.createElement("IMG");
            img.src = "/smartbi/vision/img/alertdialog/up.gif";
           td.insertBefore(img, td.firstChild);

        } else {
            var img = document.createElement("IMG");
            img.src = "/smartbi/vision/img/alertdialog/down.gif";
         td.insertBefore(img, td.firstChild);
        		}
	    }
}

3、使用跳转规则生成宏

很多时候跳转规则生成的宏可以作为要实现需求的参考,譬如我的宏中需要能获取或设置报表的参数值,点击某个单元格希望弹出第三方的url,页面A与页面B自动轮流切换,实际这些需求都可以参考跳转规则生成的宏,详细请见跳转规则向导