TemplateOrganizer

継承:Organizer

TemplateOrganizerはコンポーネントのHTMLテンプレートのロードとノードへのアタッチなど、HTMLファイル関係の処理を担当します。

初期化時には、コンポーネントの“settings.templateName”オプションがセットされてない場合、デフォルトの値をセットします。デフォルトの値は“settings.fileName”が設定されていればそれを、されていなければタグ名です。

オーガナイズ処理時にはテンプレートHTMLをロードし、ノードにアタッチします。“beforeStart”のタイミングではタイプが“html”、“url”のみを対象にします。“afterAppend”ではタイプが“node”のみを対象とします。

• templates

• beforeStart
• afterAppend

テンプレート設定は“templates”セクションに記述します。

{
    "templates": {
        <templateName>: {
            "type": <type>,
            "rootNode": <rootNode>
        }
    },
}

型:String

テンプレート名を指定します。

型:String

HTMLテンプレートのタイプを指定します。タイプは“html”、“url”、“node”のいずれかです。

型:String

特定のノードを指し示すセレクタ文字列を指定します。書式はquerySelector()と同じです。そのノードがテンプレートとして利用されます。

型:String

HTMLの文字列を指定します。これはHTMLであって、HTMLのファイル名ではありません。

型:String get/set

現在有効なテンプレートの名前です。

型:Object get

テンプレート情報を保持するオブジェクトです。それぞれのアイテムは以下のキーを持っています。

型:undefined Inject:Component

コンポーネントにテンプレートHTMLをロードします。ロードするのみでノードにはアタッチしません。既にロード済みの場合は、ロードされません。

実際のロード作業はローダのloadTemplate()メソッドを呼び出すことで行われます。

なし。

型:undefined Inject:Component

コンポーネントのinnerHTMLプロパティにテンプレートのHTMLをセットすることで、テンプレートを適用します。指定されたテンプレートが既にアクティブの場合、何もしません。テンプレートが適用されると、アクティブなテンプレート名はこのテンプレート名にセットされます。

指定されたテンプレートがまだロードされてない場合、例外が発生します。

undefined

型:HTMLElement Inject:Component

テンプレートをもとにHTML要素を作成します。複製された時点では、まだドキュメントツリーにはアタッチされていません。

複製されたHTML要素です。