示例说明
背景:在电子表格中,如果某个单元格中数据过长,于是在调整报表行高、列宽之后,会容易影响报表整体设计。
示例效果:在电子表格的某个单元格内容过长,就只显示前几个字符,后面的用...来展现。当鼠标放到该单元格位置,鼠标提示又能显示该单元格全部内容信息。
如上需求请参考如下步骤添加宏代码去实现,这是示例报表资源,点我下载。
设置方法
1、首先在电子表格设计器(Microsoft Office Excel)中,创建好电子表格,如下:
2、在浏览器的资源定制节点下,选中该电子表格,右键选择 编辑宏 进入报表宏界面。
3、在报表宏界面新建客户端模块。在弹出的新建模块对话框中,选择对象为spreadSheetReport、事件为onRender、并把下面宏代码复制到代码编辑区域。
宏类型
类型 | 对象 | 事件 |
ClientSide | spreadsheetReport | onRender |
宏代码
function main(spreadsheetReport) {
//debugger;
var r = spreadsheetReport.getRowCount(); //获取电子表格总行数
for (var i = 2; i < r - 1; i++) {
// 设置类别
var td = spreadsheetReport.getCell(i, 2); //根据行列号获取单元格
truncateCellInnerText(td, 3);//设置显示的字符个数
// 设置名称
td = spreadsheetReport.getCell(i, 3);
truncateCellInnerText(td, 2);
//设置数量
td = spreadsheetReport.getCell(i, 4);
truncateCellInnerText(td, 1);
}
}
// 如果单元格内容超出指定长度、将其截短
function truncateCellInnerText(cell, textMaxLength) {
if (!cell) {
return;
}
var len = textMaxLength || 10;
//var txt = cell.innerHTML.replace(/<[^<>]*>/g, '');
var txt = $(cell).text();
if (txt.length > len) {
//cell.innerHTML = txt.substring(0, len) + "...";
$(cell).text(txt.substring(0, len) + "...");
//cell.title = txt;
$(cell).attr("title", txt);
}
}
function strlen(str) {
var len = 0;
for (var i = 0; i < str.length; i++) {
var c = str.charCodeAt(i);
//单字节加1
if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
len++;
} else {
len += 2;
}
}
return len;
}
PS: 把如上中的宏代码粘贴进去。请各位根据实际情况调整代码中的6 ~ 13行。