Header | Developers

Headerクラスはレコード一覧画面のヘッダーに対して操作を行うためのメンバーを持っています。

継承

Item

インスタンスプロパティ

setButtons

ヘッダーにボタンを追加します。

構文

setButtons([
      {
        onClick: callback,
        iconProps: {
          imgSrc: iconSrc,
          iconName: iconName,
          title: title,
        },
      },
    ]);

引数

onClick

ボタンがクリックされたときに実行される関数です。

iconProps.imgSrc

ボタンに表示されるアイコンの画像パスです。 JSプラグインで用意されているアイコンのパスを設定してください。

iconProps.iconName

ボタンに表示されるアイコンの名前です。指定するアイコンの名前については、以下3つのサイトを参照してください。

iconProps.title

ボタンをホバーしたときに表示されるチップ内に表示される文字列です。

返値

なし

例

esmJSPlugin.screen.sheetIndex("businessplan").onHeaderMounted(function (screen) {
    const header = screen.getHeader();

    // クリックされたタイミングで関数を実行するボタンを追加する
    header.setButtons([
      {
        onClick: () => {
          alert("clicked");
        },
        iconProps: {
          imgSrc: "./icon/icon.png",
          title: "カスタムボタン",
        },
      },
      {
        onClick: () => {
          alert("clicked");
        },
        iconProps: {
          iconName: "mdi-share-variant-outline",
          title: "カスタムボタン",
        },
      },
    ]);
  });