Footer | Developers

Footerクラスはレコード詳細画面のフッターに対して操作を行うためのメンバーを持っています。

継承

Item

インスタンスプロパティ

setButtons

フッターにボタンを追加します

構文

ブラウザー

setButtons([
      {
        onClick: callback,
        title: title,
      },
    ]);

モバイルアプリ

setButtons([
      {
        onClick: callback,
        iconProps: {
          imgSrc: "./icon/icon.png",
          title: "カスタムボタン",
        },
      },
    ]);

引数

onClick

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

titleブラウザー

ボタンに表示される文字列です。

iconProps.imgSrcモバイルアプリ

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

iconProps.iconNameモバイルアプリ

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

iconProps.titleモバイルアプリ

ボタンの直下に表示される文字列です。

返値

なし

例

esmJSPlugin.screen.sheetDetail("businessplan").onFooterMounted(function (screen) {
    const footer = screen.getFooter();

    // クリックされたタイミングで関数を実行するボタンを追加する
    footer.setButtons([
      {
        onClick: () => {
          alert("clicked");
        },
        title: "カスタムボタン",
      },
    ]);
  });