示例效果
当鼠标移动到电子表格上单击选中行时,该行高亮显示。
实现步骤
- 首先在电子表格设计器(Microsoft Office Excel)中,创建电子表格报表。
- 在浏览器的“分析展现”节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面。
- 新建客户端模块。在弹出的新建模块对话框中,选择对象为spreadSheetReport、事件为onRender、并把下面宏代码复制到代码编辑区域。
宏类型
类型 | 对象 | 事件 |
ClientSide | SpreadsheetReport | onRender |
宏代码
function main(spreadsheetReport, isAjaxRefreshCallback) { spreadsheetReport._focusTR = null; spreadsheetReport.initTableGrid(); spreadsheetReport.addListener(spreadsheetReport.elemSheetFrame.contentWindow.document.body, "click", function(e) { var t = e.target; while (t && t.tagName != "TR") t = t.parentNode; if (!t) return; if (this._focusTR) { var tdRow = this.tableGrid[this._focusTR.rowIndex]; for (var i = 0; i < tdRow.length; i++) { tdRow[i].style.backgroundColor = tdRow[i]._originalBackgroundColor; } } this._focusTR = t; var tdRow = this.tableGrid[t.rowIndex]; for (var i = 0; i < tdRow.length; i++) { var td = tdRow[i]; if (typeof td._originalBackgroundColor == "undefined") { td._originalBackgroundColor = td.style.backgroundColor; } td.style.backgroundColor = "#abe5fe"; } }, spreadsheetReport, "sheetFrameBody"); }
示例宏资源:选中行高亮.xml