当前位置：文江博客话题详情

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

发布于 2024-07-25 15:19:05 字数 107 浏览 11 评论 0原文

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

你们能帮我解决这个问题吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

指尖微凉心微凉 2024-08-01 15:19:05

您应该查看像 Thickbox 这样的 jQuery 插件，我用它来完成您的操作已经描述过。

回复收藏 0 原文

猫烠⑼条掵仅有一顆心 2024-08-01 15:19:05

检查 ModalPopupExtender ....它是 Ajax 控制工具包的一个组件。
首先从 CodePlex 下载它......然后将引用 *Binary.dll 添加到项目中。 ..您可以在您的页面中使用它。

回复收藏 0 原文

耶耶耶 2024-08-01 15:19:05

我一直是 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>

I have always been a big fan of YUI, they have great documentation and Examples showing how to set things up. [ i love jQuery too ].

Look at YUI's Container Objects. They have very slick skinable Modal Panels:

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

Here is a simple example:

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

Server Side

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

Client Side

<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>

回复收藏 0 原文

~没有更多了~