是否可以为 YUI3 App Framwork 容器提供布局？答案

【问题标题】：Is it possible to have a layout for YUI3 App Framwork container?是否可以为 YUI3 App Framwork 容器提供布局？
【发布时间】：2013-11-22 12:30:20
【问题描述】：

我正在使用 YUI3 的 APP Framework 开发我的客户端应用程序。我遇到了以下问题：我希望能够有一些视图（我们称它们为小部件），它们将留在页面上的同一位置但在 App 的容器节点下，以便可以在 App 的逻辑中注册事件。例如，我想要一个具有动态内容的左侧菜单（用户的导航面板）。

这可以通过将菜单创建为子视图来完成，但导航到另一个页面将导致页面转换，因此菜单将包含在页面转换中。我希望这个子视图成为许多其他页面中的共享视图（其中页面由多个子视图组成）但从应用程序的导航行为中排除并且只呈现一次（并通过自定义事件更新）。

有没有更多使用 YUI App Framework 经验的人知道我可以解决这个问题吗？谢谢。

【问题讨论】：

标签： javascript yui yui3

【解决方案1】：

是的，它可以做到。在仔细查看 YUI 的 APP Framework API 后，我发现有 2 个独立的属性：container 和 viewContainer。前者是应用程序将驻留的节点，后者用于动态更改页面上的活动视图。拥有这 2 个独立的属性，您可以在应用程序中添加您想要的除页面之外的水上内容（这些内容将根据事件和路线而变化）。

总而言之，您可以拥有一个 div 元素，该元素将成为应用程序的容器。在这个元素中，您可以编写任何您想要的 html。您还可以在这里拥有另一个 View 类，它将根据事件进行更改（并且 YUI 的自定义事件非常强大）。除了所有这些“静态”html，您还必须有另一个 div（或者当然，另一个 html 元素），它将成为活动视图的容器（这将根据事件或在大多数情况下，根据页面的 URL 进行更改） .

【讨论】：