0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

kintone プラグイン開発メモ その3(プラグイン設定画面にボタンをつける)

Posted at

前回の続きです。
その2はこちら
設定画面にボタンを置いてみます。

こんな流れ

  1. config.htmlにボタンを設置
  2. config.jsにボタンが押された時にポップアップを表示するコードを作成

設定画面にボタンを設置

config.html
<html>
    <body>
        <h1>Hello,world設定画面</h1>
        <div id="form">
            <button type="button" id="button_submit">押してください</button>
        </div>
    </body>
</html>
スクリーンショット 2019-01-22 6.37.24.png

config.jsにボタン押下時にポップアップを表示させる

config.js
(function () {
    "use strict";
    window.addEventListener('DOMContentLoaded', function() {
        document.getElementById("button_submit").onclick = function() {
            window.alert("押しましたね!");
        };
    });
})();
スクリーンショット 2019-01-22 6.37.53.png

次回は設定値を登録・読み込みしてみたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?