【问题标题】：How to create a component hierarchy with boilerplatejs?如何使用样板js创建组件层次结构？
【发布时间】：2013-02-14 17:57:39
【问题描述】：
在boilerplatejs zip 中，有一个示例组件（salesDashBoard），其中包含两个子组件（chartViewPanel 和 treeViewPanel）
父组件定义了一个view.html，里面有两个ids为#tree和#chart的div，但是子组件被追加到这个view而不是在这两个div中渲染。
有没有办法（可能使用 DomController ？）将子组件附加到特定的 DOM 元素，而不是仅仅附加它们？这将非常有用，理想情况下我希望有一个 Dom / Url 控制器的层次结构：父母会拦截事件，然后将它们路由给孩子，直到孩子将事件（对于一组特定的 url / dom 事件）路由到一个带有 MVVM 的简单组件。
【问题讨论】：
标签：
javascript
boilerplatejs
【解决方案1】：
UI 在定义的 div 之外的渲染实际上是一个错误，现在是 fixed。
是的，您可以将子视图模板附加到特定的 DOM 元素。 Boiler.ViewTemplate 接受 parent 参数，您必须传递需要在其中呈现它的 DOM 元素。
至于您问题的第二部分，您需要的是contexts 的层次结构。您可以将控制器层次结构保留在 UI 组件上。只需将所有 UI 组件也转换为子模块。这意味着您的每个 UI 组件都将有一个 module.js 文件并且是父模块的子模块。例如查看application.js，看看它是如何使用Base.Context.loacChildContexts() 方法加载其子模块的。
您可以在BoilerplateJS website 上的“产品模块”部分阅读有关此概念的更多信息