ViewElement: hide()

ViewElement に取り付けられたコンテナを非表示にします。

構文

viewElement.hide() => void

例

const vl = new class extends ViewLogic {
    constructor() {
        super();
        this.loadContainer({
            text: `<div id="hello"><p>Hello!</p></div>`,
            id: "hello"
        });
        this.relateElements(this.collectElements(this.container));
    }

    async messageHandler(msg) {
        msg.deliver({
            hide: () => {
                //  this.host が設定されていればコンテンツを非表示にする
                this.host?.hide();
            },
            show: () => {
                //  this.host が設定されていればコンテンツを表示する
                this.host?.show();
            },
        });
    }
};

//  vl を Alier.View へ取り付ける
Alier.View.attach(vl);

vl.post(vl.message("hide"));
//  ==>  vl のコンテンツが非表示になる

vl.post(vl.message("show"));
//  ==>  vl のコンテンツが Alier.View の中に表示される

解説

コンテンツを保持するコンテナ要素の visibility を hidden に変更します。

取り付けられたコンテナがない場合、この関数は何もしません。