如何使用boilerplatejs创建组件层次结构？

Question

在boilerplatejs压缩包中，有一个带有两个子组件(chartViewPanel和treeViewPanel)的示例组件(salesDashBoard)父组件定义了一个带有两个div的view.html，但子组件被附加到这个视图中，而不是在这两个div中呈现。

有没有办法(也许用DomController ?)将子组件附加到特定的DOM元素，而不是仅仅附加它们？这将是非常有用的，理想情况下，我希望有一个Dom / Url控制器的层次结构:父级将拦截事件，然后将它们路由到子级，直到子级将事件(针对一组特定的url / dom事件)路由到具有MVVM的简单组件。

Answer 1

UI在定义的div之外的渲染实际上是一个错误，现在是fixed。

可以，您可以将子视图模板附加到特定的DOM元素。Boiler.ViewTemplate接受一个父参数，您必须传递需要在其中呈现它的DOM元素。

至于你问题的第二部分，你需要的是contexts的层次结构。您可以保留UI组件上的控制器层次结构。只需将所有UI组件也转换为子模块即可。这意味着您的每个UI组件都将有一个module.js文件，并且是父模块的子模块。例如，看看application.js，看看它是如何用Base.Context.loacChildContexts()方法加载子模块的。

您可以在BoilerplateJS website上的“产品模块”部分了解更多关于这个概念的内容