AlierView
モジュールパス: /alier_sys/AlierView.js
---
config:
class:
hideEmptyMembersBox: true
---
classDiagram
direction LR
HTMLElement <|-- AlierCustomElement
AlierCustomElement <|-- AlierView
概要
HTML カスタム要素 <alier-view> を読み込むことで HTML 要素は AlierView となります。
<alier-view>
<p>This is Custom Element</p>
</alier-view>メソッド
attach()
ViewLogicのコンテナが持つコンテンツを取り付けて表示します。
show()
AlierViewに取り付けられたコンテンツを表示します。
detach()
AlierViewに取り付けられているViewLogicを取り外します。
hide()
AlierViewに取り付けられたコンテナを非表示にします。
post()
AlierViewに取り付けられたコンテナにメッセージを送ります。
setStyleSheets()
AlierViewに共通のスタイルシートを適用します。このメソッドは静的メソッドです。
プロパティ
container
このプロパティは読み取り専用です。
AlierView に取り付けられている ViewLogic です。
型
ViewLogic | null
詳細
ViewLogic が取り付けられているなら、その参照です。何も取り付けられてなければ null です。
この値は attach() 関数や detach() 関数によって変更されます。
adoptedStyleSheets
AlierView に適用されるスタイルシートの配列です。
型
CSSStyleSheets[]
詳細
この静的プロパティは AlierView で管理されるスタイルシートを保持し、独立した document.adoptedStyleSheets ライクなインターフェースを提供します。
プロパティに値を設定すると、 AlierView の持つシャドウツリー内部にスタイルが適用されます。
この値は setStyleSheets() 関数によって変更されます。