是否可以为 YUI3 应用程序框架容器进行布局

Is it possible to have a layout for YUI3 App Framwork container?

本文关键字：布局应用程序框架 YUI3 是否更新时间：2023-09-26

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

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

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

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

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