Script 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

    image.png

    效果如下:

    image.png

    代码

    【取色】

    核心代码为:

    $("#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);
      }
    }

    image.png

    相关文章
    |
    存储 数据挖掘
    业务数据分析-Excel的基础操作(一)
    业务数据分析-Excel的基础操作(一)
    225 0
    业务数据分析-Excel的基础操作(一)
    |
    JavaScript 前端开发 API
    Script Lab 06:事件处理,Excel 基础操作(4)
    Script Lab 06:事件处理,Excel 基础操作(4)
    244 0
    Script Lab 06:事件处理,Excel 基础操作(4)
    |
    算法 JavaScript C#
    Script Lab 版,九九乘法表,Excel 基础操作(2)
    Script Lab 版,九九乘法表,Excel 基础操作(2)
    264 0
    Script Lab 版,九九乘法表,Excel 基础操作(2)
    |
    前端开发 UED
    尝试:Script Lab,Excel 基础操作(1)
    尝试:Script Lab,Excel 基础操作(1)
    731 0
    尝试:Script Lab,Excel 基础操作(1)
    |
    数据库
    机房收费系统——将MSHFlexGrid控件中的数据导出到Excel
    机房收费系统中,好多查询的窗体都包含同一个功能:将数据库中查询到的数据显示在MSHFlexGrid控件中,然后再把MSHFlexGrid控件中的数据导出到Excel表格中。
    |
    2月前
    |
    Python
    如何根据Excel某列数据为依据分成一个新的工作表
    在处理Excel数据时,我们常需要根据列值将数据分到不同的工作表或文件中。本文通过Python和VBA两种方法实现该操作:使用Python的`pandas`库按年级拆分为多个文件,再通过VBA宏按班级生成新的工作表,帮助高效整理复杂数据。
    |
    2月前
    |
    数据采集 数据可视化 数据挖掘
    用 Excel+Power Query 做电商数据分析:从 “每天加班整理数据” 到 “一键生成报表” 的配置教程
    在电商运营中,数据是增长的关键驱动力。然而,传统的手工数据处理方式效率低下,耗费大量时间且易出错。本文介绍如何利用 Excel 中的 Power Query 工具,自动化完成电商数据的采集、清洗与分析,大幅提升数据处理效率。通过某美妆电商的实战案例,详细拆解从多平台数据整合到可视化报表生成的全流程,帮助电商从业者摆脱繁琐操作,聚焦业务增长,实现数据驱动的高效运营。
    |
    4月前
    |
    存储 安全 大数据
    网安工程师必看!AiPy解决fscan扫描数据整理难题—多种信息快速分拣+Excel结构化存储方案
    作为一名安全测试工程师,分析fscan扫描结果曾是繁琐的手动活:从海量日志中提取开放端口、漏洞信息和主机数据,耗时又易错。但现在,借助AiPy开发的GUI解析工具,只需喝杯奶茶的时间,即可将[PORT]、[SERVICE]、[VULN]、[HOST]等关键信息智能分类,并生成三份清晰的Excel报表。告别手动整理,大幅提升效率!在安全行业,工具党正碾压手动党。掌握AiPy,把时间留给真正的攻防实战!官网链接:https://www.aipyaipy.com,解锁更多用法!
    |
    2月前
    |
    Python
    将Excel特定某列数据删除
    将Excel特定某列数据删除
    |
    9月前
    |
    数据采集 数据可视化 数据挖掘
    利用Python自动化处理Excel数据:从基础到进阶####
    本文旨在为读者提供一个全面的指南,通过Python编程语言实现Excel数据的自动化处理。无论你是初学者还是有经验的开发者,本文都将帮助你掌握Pandas和openpyxl这两个强大的库,从而提升数据处理的效率和准确性。我们将从环境设置开始,逐步深入到数据读取、清洗、分析和可视化等各个环节,最终实现一个实际的自动化项目案例。 ####
    1663 10

    热门文章

    最新文章