专栏首页寒树Office与RPAScript Lab 07:引入控件,Excel 基础操作(5)

Script Lab 07:引入控件,Excel 基础操作(5)

准备工作

本教程己经到了 Excel 示例的收尾阶段,掌握前期的内容,基本上可以完成一个 Excel Web add-in 插件了,但如果能够引入一些常用的控件库,能达到事半功倍的效果。这次我们将介绍一个可能会常用的控件库,颜色选择器,用于非常开发的功能。

使用颜色选择器突出显示单元格,可以采用一些现成的库,比如颜色选择器,使用Spectrum库(http://bgrins.github.io/spectrum/)来呈现颜色,用于选择单元格颜色。需要在 Libraries 中加入以下引用:

spectrum-colorpicker@1.8.0/spectrum.js
spectrum-colorpicker@1.8.0/spectrum.css

效果如下:

代码

【取色】

核心代码为:

$("#colorpicker").spectrum("get").toHexString();

$("#colorpicker").spectrum({
  color: "#f00"
});
$("#run").click(run);

async function run() {
  try {
    await Excel.run(async (context) => {
      const range = context.workbook.getSelectedRange();
      range.format.fill.color = $("#colorpicker")
        .spectrum("get")
        .toHexString();
      range.load("address");
      await context.sync();
      console.log(`The range address was "${range.address}".`);
    });
  } catch (error) {
    OfficeHelpers.UI.notify(error);
    OfficeHelpers.Utilities.log(error);
  }
}

Script Lab 01:快速 Office 365 开发工具

Script Lab 02:Script Lab,知识储备

Script Lab 03:Script Lab,启动函数,Excel 基础操作(1)

Script Lab 04:Script Lab,九九乘法表,Excel 基础操作(2)

Script Lab 05:Office JavaScript API助手,Excel 基础操作(3)

Script Lab 06:事件处理,Excel 基础操作(4)

Script Lab 07:引入控件,Excel 基础操作(5)

Script Lab 08:单词“卡拉OK”,Word 基础操作

Script Lab 09:异步调用函数,PowerPoint 基础操作

Script Lab 10:为 Officejs 开发配置 VSCode 环境

Script Lab 11:OIfficeJS 的三种调试方式

本文分享自微信公众号 - 寒树Office与RPA(OfficeRPA),作者:寒树爱函数

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-06-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Script Lab 06:事件处理,Excel 基础操作(4)

    事件驱动编程,可以让操作变能更丰富,更改事件可能会使事情变得更容易处理。开发者可以靠着各种事件的的触发来设计可以自动执行的 Office 应用,比如可以在工作表...

    寒树Office与RPA
  • Script Lab 09:异步调用函数,PowerPoint基础操作

    Script Lab 的级初入门教程,到今天就要告一段落了。总结部分,我们来实践一个 PPT 的例子吧。相比 Word 和 Excel 来说,PPT 的 API...

    寒树Office与RPA
  • Script Lab 08:单词“卡拉OK”,Word 基础操作

    今天开始做一个 Word 的例子。基础部分是相同的,区别仅仅在于 Word API 的部分。还记得第一次我们代码的第一行从 Excel.run 开始,这里相应要...

    寒树Office与RPA
  • Script Lab 06:事件处理,Excel 基础操作(4)

    事件驱动编程,可以让操作变能更丰富,更改事件可能会使事情变得更容易处理。开发者可以靠着各种事件的的触发来设计可以自动执行的 Office 应用,比如可以在工作表...

    寒树Office与RPA
  • Vue解析json数据的渲染

    参考:ajax和axios请求本地json数据对比 https://www.jianshu.com/p/4b9cb79fedd5

    祈澈菇凉
  • 继承、派生、新式类与经典类

    Downwards is the only way forwards .——《盗梦空间》

    GH
  • 使用Django时,安装mysqlclient的一些问题

    首先,我们想安装mysqlclient 的时候,很显然就会想到使用pip安装工具进行处理。

    我被狗咬了
  • 实战分析:乙方视角下行业攻防演练

    网络安全以“人”为核心,网络安全领域的对抗本质上是人与人之间的对抗,而网络终端、网络设备、介质以及各种工具和平台仅仅是作为辅助手段而存在。因此如何使网络安全人员...

    信安之路
  • vsftp 利用mysql 验证虚拟账户

    老七Linux
  • 运维平台的建设思考-元数据管理(三)(r8笔记第15天)

    继第一篇,第二篇介绍了关于元数据的一些想法,最近做了一些改进。 运维平台的建设思考-元数据管理(一) 运维平台的建设思考-元数据管理(二) 对于一部分的元数据抽...

    jeanron100

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动