Popup: setDefaultToastFrame()

トーストのデフォルトのフレームを変更します。

構文

Popup.setDefaultToastFrame(frameClass) => ToastFrame

引数

• frameClass: new () => ToastFrame

  変更したいフレームのクラスオブジェクトです。 PopupFrame を継承した ToastFrame を継承している必要があります。

返値: new () => ToastFrame

更新前に登録されていたポップアップのフレームのクラスオブジェクトです。

例外

• TypeError
  • 引数 frameClass が ToastFrame の派生クラスではない場合。

例

const { Popup, ToastFrame } = await Alier.import("/alier_sys/Popup.js");
const html = `
<div id="my-toast" data-ui-component data-active-events="click">
    <p id="popupText" data-ui-component data-primary="innerText"></p>
</div>
`;
class MyToastPopup extends ToastFrame {
    constructor() {
        super();
        this.loadContainer({ text: html, id: "my-toast" });
        this.relateElements(this.collectElements(this.container));
    }
}
let oldPopup = Popup.setDefaultToastFrame(MyToastPopup);

let element = Popup.toast("any text");

解説

toast() を呼び出した時に生成されるポップアップのフレームを変更します。