是否可以为YUI3 App Framwork容器提供布局?

时间:2013-11-10 19:13:04

标签: javascript yui yui3

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

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

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

1 个答案:

答案 0 :(得分:1)

是的,可以做到。仔细看看YUI的APP Framework API之后,我发现有两个独立的属性:container和viewContainer。前者是应用程序驻留的节点,后者用于动态更改页面上的活动视图。拥有这两个独立的属性,除了页面之外,您还可以在App中添加您想要的Watever内容(这些内容将根据事件和&&路由进行更改)。

总而言之,你可以拥有一个div元素,它将成为app的容器。在这个元素中,你可以编写你想要的任何html。您还可以在此处拥有另一个View类,它将根据事件进行更改(并且YUI的自定义事件非常强大)。除了所有这些“静态”html之外,你必须有另一个div(或者当然是另一个html元素),它将成为活动视图的容器(根据事件或大多数情况,基于页面的URL进行更改)