javascript - 如何使用样板文件创建组件层次结构？

Question

在boilerplatejs zip，有一个示例组件(salesDashBoard)和两个子组件(chartViewPanel 和 treeViewPanel)父组件定义了一个 view.html，其中包含两个 ID 为#tree 和#chart 的 div，但子组件附加到此 View ，而不是在这两个 div 中呈现。

有没有办法(也许使用 DomController ？)将子组件附加到特定的 DOM 元素，而不是仅仅附加它们？这将非常有用，理想情况下，我希望拥有 Dom/Url Controller 的层次结构: parent 会拦截事件，然后将它们路由到 child ，直到 child 将事件(对于一组特定的 url/dom 事件)路由到带有 MVVM 的简单组件。

Answer 1

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

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

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

您可以在 BoilerplateJS website 上的“产品模块”部分阅读更多关于此概念的信息