【问题标题】:How to display a popup from an external file in YUI?如何在 YUI 中显示来自外部文件的弹出窗口?
【发布时间】:2009-01-30 02:02:50
【问题描述】:

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

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

最接近我想做的example 是'create a model loading dialog'。这会在异步加载外部数据时显示请稍候图形,但在完成后,数据会显示在页面正文中,而不是在弹出窗口中。

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

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

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

b) 弹出窗口将包含图像,我希望请等待它留在屏幕上,直到其中的所有图像都加载完毕。自己做会比较麻烦

【问题讨论】:

    标签: popup yui containers


    【解决方案1】:

    西蒙,

    YUI 容器(面板、对话框、SimpleDialogs)没有加载外部数据的功能。

    您可以使用您描述的工作流程(将数据放在新面板中),或者,一旦您通过连接管理器 (http://developer.yahoo.com/yui/connection/) 获得外部/XHR 数据,将其插入现有的“请等待”面板,然后调整大小/重新居中。正如您所建议的那样,后者会更有效,因为您不必创建第二个面板。

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

    -埃里克

    【讨论】:

    • 非常感谢!我真的只是想验证我没有错过任何内置功能来做到这一点。你们的例子太多了!哦,实际上我之前在看这个video.yahoo.com/watch/3711767/10207432所以我知道你是谁!也许 YUI 3 会有这个功能 ;-)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-11
    • 1970-01-01
    相关资源
    最近更新 更多