Office アドイン

[Officeアドイン]枠線(目盛線)の表示・非表示を切り替える方法

ここ二週間ほど体調を崩していたので久しぶりのブログ更新です。

久しぶりで触りたくなるのはやっぱり「Office アドイン
今回はExcelのOffice アドインから枠線(目盛線)の表示・非表示を切り替える方法を紹介します。

Excel JavaScript API 1.8で追加されたshowGridlinesプロパティ

Excel JavaScript API 1.8で、Worksheetオブジェクトに「showGridlines」プロパティが追加されました。

文字通りのこのプロパティを設定することで、ワークシートの枠線(目盛線)の表示状態を切り替えることができます。

マニフェストファイル(manifest.xml)

<?xml version="1.0" encoding="UTF-8"?>
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="TaskPaneApp">
  <Id>f1b2bd08-aca3-4ca6-b283-76986c5542ee</Id>
  <Version>1.0</Version>
  <ProviderName>@kinuasa</ProviderName>
  <DefaultLocale>ja-jp</DefaultLocale>
  <DisplayName DefaultValue="テスト用Office アドイン(1227)" />
  <Description DefaultValue="Office アドインのテストです。"/>
  <Hosts>
    <Host Name="Workbook" />
  </Hosts>
  <DefaultSettings>
    <SourceLocation DefaultValue="https://localhost/apps/test1227/index.html" />
  </DefaultSettings>
  <Permissions>ReadWriteDocument</Permissions>
</OfficeApp>

アドイン本体(index.html)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Sample Office Add-ins</title>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
    <script>
      Office.onReady(function(){
        $(document).ready(function(){
          $("#btn1").click(showGridlines);
          $("#btn2").click(hideGridlines);
        });
      });
      
      function showGridlines(){
        Excel.run(function(context){
          var sheet = context.workbook.worksheets.getActiveWorksheet();
          sheet.showGridlines = true;
          return context.sync();
        }).catch(function(error){
          console.log("Error: " + error);
        });
      }
      
      function hideGridlines(){
        Excel.run(function(context){
          var sheet = context.workbook.worksheets.getActiveWorksheet();
          sheet.showGridlines = false;
          return context.sync();
        }).catch(function(error){
          console.log("Error: " + error);
        });
      }
    </script>
  </head>
  <body>
    <button id="btn1">showGridlines</button>
    <button id="btn2">hideGridlines</button>
  </body>
</html>

下記画面のキャプチャーを見れば分かる通り、リボン上のチェックボックスとの連動は完ぺきではないようです。

アドインの設定やテスト方法は https://github.com/kinuasa/OfficeAddInsHandsOn で公開しているハンズオン資料「Office アドインの概要と開発」(OfficeAddInsHandsOnDocument.pdf)をご参照ください。

関連記事

  1. Office アドイン

    [Office用アプリ]OneNote Clipperをアプリから使う。

    先日Chrome版が公開された、「OneNote Clipper」です…

  2. Windows 10

    起動中のMicrosoft EdgeからタイトルとURLを取得するVBAマクロ(UI Automat…

    当ブログでは、Microsoft Edgeを外部から操作するプログラム…

  3. Office関連

    「傍点をふる」をWord 2007/2010で簡単に使う方法

    Wordで文字列を強調したいときに便利なのが「傍点をふる」コマンド。…

  4. Office関連

    Word 2013とWord 2010のダミー文章の比較

    ※ この情報はOffice 2013 カスタマー プレビュー版を元にし…

  5. Office関連

    Office 365 unified APIをVBAから呼び出す

    前回の記事で、VBAからOffice 365 APIを呼び出す手順につ…

  6. Office アドイン

    [Office用アプリ]第一回 Apps for Office 勉強会で登壇しました。

    19日(金)に第一回 Apps for Office 勉強会が東京で開…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

Time limit is exhausted. Please reload CAPTCHA.

最近の記事

アーカイブ

RapidSSL_SEAL-90x50
PAGE TOP