如何在YUI中显示外部文件的弹出窗口?

时间:2009-01-30 02:02:50

标签: popup yui containers

我开始在我的应用程序中使用YUIContainer control来显示消息框弹出窗口和其他对话框。

我不清楚创建一个源自外部HTML文件的弹出窗口的推荐/最干净的方法是什么。我在谈论一个弹出窗口,显示有关产品的“更多信息” - 其中包含文本和图像。

我想要做的最接近example是'create a model loading dialog'。这显示了一个请等待图形,同时它异步加载外部数据,但在完成时,数据显示在页面正文中,而不是在弹出窗口中。

现在我知道我可以使用此示例来显示“请稍候”对话框,并在完成时只显示带有返回数据的另一个弹出窗口。

但是我希望有一个内置功能可以将外部文件加载到弹出窗口中,因为:

  

a)我做的代码和事件处理会更少

     

b)弹出窗口将包含图像,我希望等待保持在屏幕上,直到其中的所有图像都已加载。自己这样做会很麻烦

1 个答案:

答案 0 :(得分:1)

西蒙,

YUI容器(面板,对话框,SimpleDialogs)没有加载外部数据的工具。

您可以使用您描述的工作流程(将数据放入新面板),或者,一旦您通过Connection Manager(http://developer.yahoo.com/yui/connection/)获得外部/ XHR数据,请将其插入现有主体中“请等待”面板然后调整大小/重新定位它。如你所说,后者会更有效率,因为你不必创建第二个面板。

使用setBody方法将新内容添加到面板的主体(http://developer.yahoo.com/yui/docs/YAHOO.widget.Module.html#method_setBody)。

-Eric