asp.net ajax control ModalPopupExtender demo

来源：互联网发布：单声道蓝牙软件编辑：程序博客网时间：2024/06/14 11:17

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <link type="text/css" rel="Stylesheet" href="./Css/ModalPopupCss.css" mce_href="Css/ModalPopupCss.css" /> <title>Modal Popup Dialog Test</title></head><body> <form id="form1" runat="server"> <div> <asp:LinkButton ID="lbtnAdvancedOperation" runat="server">Click Me!</asp:LinkButton> <asp:Panel runat="Server" ID="confirmPanel" CssClass="confirmPanel" Style="display:none" mce_Style="display:none"> <div style="height:30px;"> Is sure to login ? </div> <div style="text-align:center;" mce_style="text-align:center;"> <asp:Button runat="server" ID="btnOK" Text="OK" ></asp:Button> <asp:Button runat="server" ID="btnCancel" Text="Cancel" /> </div> </asp:Panel> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="lbtnAdvancedOperation" PopupControlID="confirmPanel" BackgroundCssClass="modalBackground" OKControlID="btnOK" OnOkScript="window.location= 'login.aspx'" CancelControlID="btnCancel" > </asp:ModalPopupExtender> </div> </form></body></html>

ModalPopupCss

.confirmPanel{ border : 20px, solid, #ccc; background-color : #fff; padding : 15px; width : 230px; height : 50px; } .modalBackground {background-color:#ddd;/* 使用这两个属性实现透明效果，在IE8和chrome下能够正常显示 */filter:alpha(opacity=70);opacity:0.7; }

最初在Default.aspx中使用的是ScriptManager，然后其他是按照上面，出现：

AjaxControlToolkit requires ASP.NET Ajax 4.0 scripts. Ensure the correct version of the scripts are referenced. If you are using an ASP.NET ScriptManager, switch to the ToolkitScriptManager in AjaxControlToolkit.dll.错误

最后参考这里：http://stackoverflow.com/questions/1832533/trouble-switching-to-the-beta-ajaxcontroltoolkit

Adding the following to the aspx file fixed this error for me:

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