asp.net ajax control ModalPopupExtender demo

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

posted @ 2010-07-15 21:16 qiang.xu 阅读(313) 评论(0) 收藏举报

刷新页面返回顶部

记录，分享，成长

asp.net ajax control ModalPopupExtender demo

公告