准备工作
女儿二年级了,开始学习乘法,天天回家背一篇九九乘法口决表。暂时还没人投稿,所以就想到用九九乘法表来做一个实例吧,也算有点小小的用处。
实现这个口算法分三个步骤:
- 创建一张新的工作表,命名为"9X9";
- 从 A1 的位置开始打印剩法表;
- 乘法表之外的那个部分标上绿色(纯为了演示用)。
Office加载项是使用Web技术构建的,与 Excel 进行交互,这要还是靠 Javascript 语言。选择 JavaScript 语言花了点时间,最后确认使用 TypeScript,更接近于 C# ,确实要好用多了。
九九乘法表
【创建工作表】
创建工作表,还是花了不少时间,毕境还是不太习惯。最后是在 OfficeHelpers 空间中找到了,这点是跟 VBA/VSTO 不一样的地方,但是一通百通,明白了就 OK 了,下回专门为这个空间作个介绍吧,代码如下:
OfficeHelpers.
ExcelUtilities.
forceCreateSheet(context.workbook, "9X9");
【打印乘法表】上一课也讲了如何为单元格赋值,有了上课的基础,这里的代码就不是问题了。再加上一个循环就能 OK 了,而且循环的语法与 TypeScript 基本一致,关键代码如下:sheet.getCell(i, j).values = [[fmlTxt]];
【标注颜色】同样是一个循环,加上了一点格式处理的代码:.format.fill.color = "green";selectionRange.format.autofitColumns();
Excel.run(async function (context) { //创建工作表 const sheet = await OfficeHelpers. ExcelUtilities. forceCreateSheet(context.workbook, "9X9"); sheet.activate(); //打印剩法表 for (var i = 0; i < 9; i++) { for (var j = 0; j < 9; j++) { var fmlTxt = (i + 1).toString() + " * " + (j + 1).toString() + " = " + ((i + 1) * (j + 1)).toString(); sheet.getCell(i, j).values = [[fmlTxt]]; } } //标注颜色 var selectionRange = sheet.getRange("a1:i9"); selectionRange.format.fill.clear(); for (var i = 0; i < 9; i++) { for (var j = 0; j < 9; j++) { if (i < j) { selectionRange.getCell(i, j) .format.fill.color = "green"; } } } selectionRange.format.autofitColumns(); await context.sync(); }).catch(OfficeHelpers.Utilities.log);
【小技巧】无法执行:在编辑状态时,无法执行代码,按个回车退出下。
context.sync
在 OfficeJS 的 API 示例代码中,总能看到这样一句代码:
await context.sync();
从官网上查询一番,得到的意思大概是这样的,之前的代码只是添加到内部的执行队列中,并未真正执行,直到并等待被“更新”,context.sync() 便是此意,暂且称之为同步函数。而且文档中还提到,应该尽量减少同步函数的调用次数。每个 sync 都会造成宿主应用程序(此处是 Excel)的额外开销,尤期是在 Office Online 时,成本更是大大增加了。
今天的代码,主要是解决一个编程习惯的问题,去找一些现成的 VBA 代码去改造成 Web Add-ins 插件,或是个不错的主意。