ネストされたテンプレートを使用したJavascriptフレームワークまたはknockoutjsライブラリ

Question

たとえば、kockoutjsライブラリなどで複数の階層でテンプレートをネストすることはできますか？ http://knockoutjs.com/または他のJavascriptフレームワーク

DataGrid: 
Cell1, Cell2, Cell3, Within Cell4 is a ListBox. 

それは、HTMLのように見えるものは何でも：

私はこのビューを持っています。 knockoutjsや他のjavascriptフレームワークで、複数の階層を持つ入れ子になったテンプレートを作成することは可能ですか？

Answer 1

はい、ノックアウトで可能です。

あなたはルート要素内のテンプレート名を指定することができます。

<ul data-bind="template: {name: listItemTmpl, foreach: items()}"></ul> 

して、そのテンプレート内で、あなたはまたdata-bind属性を介して他のテンプレートを参照することができます。

<script id="listItemTmpl" type="text/x-jquery-tmpl"> 
    <li> 
     <h3 data-bind="text: name"></h3> 
     <div data-bind="template: itemDetailsTmpl"></div> 
    </li> 
</script> 

ノックアウトが結合ルートテンプレートを適用しますそのテンプレート内に属性data-bindが出現すると、再帰的に適用されます。

私のサンプルではitems()のそれぞれに対してlistItemTmplが適用され、次にそれぞれについて詳細を示すのにitemDetailsTmplが使用されます。

パフォーマンス面では、ユーザーにとっては非常に高速で気付きにくいものです。

私は現在のプロジェクトでこのようにノックアウトテンプレートを使用しています。再帰的なテンプレートを使用すると、マークアップの一部を小さなセクションに保存できます。

これはあなたが探しているものですか？