页面树结构

版本比较

标识

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

...

  • 代码块
    function main(spreadsheetReport) {
        var c = spreadsheetReport.customProperties;
        jsloader.resolve("thirdparty.jquery.jquery", true);
        var cell = spreadsheetReport.getCell("E2"); //需要提示的单元格:E2
        var div = createDiv(cell, c["E5"]); //E2单元格需要提示的内容在E5单元格中,因此从服务端传回来的customPrpoerties对象中拿到E5这个内容
    
        var cell = spreadsheetReport.getCell("D2"); //需要提示的单元格:E2
        var div = createDiv(cell, c["D5"]);
        var cell = spreadsheetReport.getCell("C2"); //需要提示的单元格:E2
        var div = createDiv(cell, c["C5"]);
    }
    function createDiv(cell, tip) {
        var div = document.createElement("div");
        div.style.position = "absolute";
        div.style.border = "1px solid #C4E1FF";
        div.style.padding = "10px";
        div.style.backgroundColor = "#fff"; //设置提示框的背景颜色
        div.style.textAlign = 'left';
        div.innerHTML = "<font color='red'>" + tip + "</font>"; //设置字体颜色和显示内容
        $(cell).mousemove(function(event) {
            setDIV(event, true, cell, div);
        });
        $(cell).mouseleave(function(event) {
            setDIV(event, false, cell, div);
        });
    }
    function setDIV(e, show, cell, div) {
        if (show) {
            cell.appendChild(div);
            var x = e.clientX || e.layerX;
            var y = e.clientY || e.layerY;
            div.style.top = y + "px"; //提示框的位置
    y        div.style.left = x + 10 + "px"; //提示框的位置 x 轴 
            if (this.sheetWidth - x < div.offsetWidth && x > div.offsetWidth) {
                x = x - cell.appendChild(div);div.offsetWidth - 3;
            } else {
                x = x + 6;
            }
            if (this.sheetHeight - y < div.offsetHeight && y > div.offsetHeight) {
                y = y - div.offsetHeight;
            }
        } else {
            cell.removeChild(div);
        }
    }