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>

Knockout 將應用根模板綁定，並且當它遇到該模板內的data-bind屬性時，它會遞歸地應用這些屬性。

在我的示例中，它將為每個items()應用listItemTmpl ，然后對於每個項目，它將使用itemDetailsTmpl來顯示詳細信息。

就性能而言，它非常快速且對用戶來說並不明顯。

我在當前項目中以這種方式使用剔除模板，遞歸模板讓我可以將部分標記保持在小部分中。

這是你要找的東西嗎？