Question

我在数据列表中有一个LinkButton。当我点击这个LinkButton时，我想打开一个模态窗口并在其中加载另一个html页面。

你能帮帮我吗？

Answer 1

你应该查看一个像Thickbox这样的jQuery插件，我曾经用它来完成你所描述的内容。

Answer 2

检查ModalPopupExtender ....它是Ajax Control工具包的一个组件。首先从CodePlex ....下载它，当你将* Binary.dll引用到你的项目时...你可以在你的页面中使用它。

Answer 3

我一直是YUI的忠实粉丝，他们有很好的文档和示例，展示了如何进行设置。 [我也喜欢jQuery]。

看看YUI的容器对象。他们有非常光滑的皮肤模板面板：

http://developer.yahoo.com/yui/container/panel/

这是一个简单的例子：

http://developer.yahoo.com/yui/examples/container/panel-loading.html

服务器端

button.Attributes.Add("click", "popModal");

客户端

<script>
    function popModal(e) {
        // Initialize the temporary Panel to display while waiting for external content to load
        var SavingPanel =
                        new YAHOO.widget.Panel("wait",
                            { width: "240px",
                                fixedcenter: true,
                                close: false,
                                draggable: false,
                                zindex: 1000,
                                modal: true,
                                visible: true
                            }
                        );

        SavingPanel.setHeader("Saving, please wait...");
        SavingPanel.setBody('<img src="http://l.yimg.com/a/i/us/per/gr/gp/rel_interstitial_loading.gif"  />');
        SavingPanel.render(document.body);

    }
</script>

单击链接按钮时的模态窗口

3 个答案: