Popup: openCustom()

フレームを指定してポップアップを表示します。

構文

Popup.openCustom(id, container) => Envelope | AlierView

引数

• id: string

  使用するカスタムフレームの識別子です。 registerCustomFrame() で登録した任意の文字列を指定します。

• container: any

  カスタムのポップアップに表示するコンテンツです。

返値: Envelope | AlierView

モーダルポップアップであればフレームが持つ Envelope が、モードレスであればポップアップが入った AlierView が返されます。

例外

• ReferenceError
  • 引数 id に該当するフレームが登録されていない場合。

例

const html = `
<div id="test-overlay" data-ui-component data-active-events="click">
    <alier-view id="test-popup" data-ui-component data-active-events="click"></alier-view>
</div>
`;
class TestPopup extends ModalFrame {
    constructor() {
        super();
        this.loadContainer({ text: html, id: "test-overlay" });
        this.relateElements(this.collectElements(this.container));
    }
}
Popup.registerCustomFrame("test", TestPopup);
await Popup.openCustom("test", new MyPopup());

解説

registerCustomFrame() で登録したポップアップのフレームを使用してポップアップを表示します。