如何使用boilerplatejs創建組件層次結構？

Question

在boilerplatejs zip中，有一個示例組件（salesDashBoard），其中包含兩個子組件（chartViewPanel和treeViewPanel）。父組件定義了一個view.html，其中包含兩個ID為#tree和#chart的div，但這些子組件已附加到此組件視圖而不是在這兩個div中呈現。

有沒有一種方法（也許帶有DomController？）可以將子組件附加到特定的DOM元素，而不僅僅是附加它們？ 這將非常有用，理想情況下，我希望擁有一個Dom / Url控制器層次結構：父母將攔截事件，然后將其路由給孩子，直到孩子將一個事件（針對特定的url / dom事件集）路由到具有MVVM的簡單組件。

Answer 1

UI在定義的div之外的呈現實際上是一個錯誤，現已修復 。

是的，您可以將子視圖模板附加到特定的DOM元素。 Boiler.ViewTemplate接受一個父參數，您必須傳遞需要在其中呈現的DOM元素。

至於問題的第二部分，您需要的是contexts層次結構。 您可以將控制器層次結構保留在UI組件上。 只需將所有UI組件也轉換為子模塊。 這意味着您的每個UI組件都將具有module.js文件，並且是父模塊的子級。 例如，查看application.js以了解如何使用Base.Context.loacChildContexts()方法加載其子模塊。

您可以在BoilerplateJS網站上的“產品模塊”部分下閱讀有關此概念的更多信息。