0

这是我当前的代码，它为您提供如下所示的输出

<div class="MarketPlaceWidgetHead">Marketplace</div>
<div id="divSupplier" runat="server"> //The details are got from the .cs file
</div>

我明白了

我想让 divSupplier 中存在的项目在按下按钮时显示在弹出窗口中，例如下面给出的那个。

输入我想要的

我试过使用 modalpopup 窗口，

（http://pastebin.com/6sM384we按照这个例子得到了这个http://pastebin.com/SrH2YTYZ）它向我显示了错误，例如

无法识别的标记前缀或设备过滤器 ajaxcontroltoolkit。

或者有人可以指导我使用fancybox吗？

4

3 回答 3

2

下载 [Fancybox][1]。

您应该使用 fancybox 内联类型。以下是如何使用。

添加 div 标签集 runat server 并显示 none。

<div runat="server" id="divPopup" style="display:none">
</div>

您可以从后面的代码访问 divPopup。现在从后面的代码中设置弹出窗口的内容。

divPopup.InnerHtml="items.... (with html)";

并添加一个显示弹出的链接。

<a class="fancybox" id="inline" href="#divPopup">Show Popup</a>

注意：您必须为 fancybox.fancybox 导入脚本，在 /lib/ 文件夹中包含该文件。

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
于 2013-08-26T10:24:17.100 回答
1

您在尝试实现的那些示例中遇到错误，因为您没有导入 Ajax 工具包参考。很明显，Visual Studio 正在大声抱怨这个“无法识别的标记前缀或设备过滤器 ajaxcontroltoolkit”。

在您的项目中添加对 Ajax Toolkit 的引用。在此处下载。解压缩并提取 AjaxControlToolKit.dll 文件并将其引用到您的项目中。像这样在 asxc 控件上注册它。

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

并像这样使用它

    <cc1:ModalPopupExtender ID="mpe" runat="server" TargetControlId="btnShowmodal"    PopupControlID="pnlmodal" 
                         BackgroundCssClass="modalBackground" OkControlID="okBtn" DropShadow="true">

                         </cc1:ModalPopupExtender>

希望这会有所帮助。在此处下载工作演示并打开 Default2.aspx。

于 2013-08-26T10:22:53.263 回答
1

你可以使用fancybox。易于使用。

于 2013-08-26T09:25:26.090 回答