我无法让Modal Window工作!我尝试了所有可以找到的教程

时间:2012-07-06 13:50:45

标签: asp.net visual-studio-2010 web-applications asp.net-ajax

我完全遵循了所有教程(或者我认为),我无法打开模态窗口。现在,我只是试图在“测试”ASP页面中打开一个,所以我可以找出它的功能。

这是我的“Test.aspx”代码

<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false"  CodeFile="Test.aspx.vb" Inherits="Test" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act"%>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   <asp:ScriptManager ID="ScriptManager1" runat="server">
   </asp:ScriptManager>

<act:ModalPopupExtender ID="MPE" runat="server"
   TargetControlID="LinkButton1"
   PopupControlID="Panel1"
   OkControlID="OkButton"
   BackgroundCssClass="modalBackground"></act:ModalPopupExtender>

<asp:Panel ID="Panel1" runat="server" CssClass="ModalWindow">
   <asp:Table Width="100%" runat="server">
   <asp:TableRow>
       <asp:TableCell>
          Fields1:
       </asp:TableCell>
       <asp:TableCell><asp:TextBox ID="txtFields1" runat="server">
                   </asp:TextBox>    
       </asp:TableCell>
   </asp:TableRow>
   </asp:Table>
       <asp:Button ID="Button1" runat="server" Text="Submit" />
       <asp:Button ID="btnCancel3" runat="server" Text="Cancel" />
   </asp:Panel>

   <asp:Button ID="LinkButton1" runat="server" Text="Link Button" />

我也把它放在Site.Master的顶部

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

我得到的错误是这样的: http://i.stack.imgur.com/4gCvF.png

如果我点击忽略错误,就会发生这种情况 http://i.stack.imgur.com/D0f1k.png

1 个答案:

答案 0 :(得分:1)

OkControlID="OkButton"

应与提交按钮匹配

<asp:Button ID="Button1" runat="server" Text="Submit" />

关闭模态窗口。您目前没有ID为“OkButton”的按钮

修改 此外,您想使用

<asp:ToolkitScriptManager ID="ScriptManager1" runat="server" > </asp:ToolkitScriptManager>

而不是

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>

(或者在你的情况下,我认为你想使用<act:ToolkitScriptManager...,但我不是专业人士,所以玩它吧)

注意:我几天前想到这一点,我必须将CombineScripts="false"属性添加到ToolkitScriptManager才能让它工作,但我认为这取决于您的环境和其他您运行的javascript文件