您的位置：首页 > 编程语言 > ASP

asp.net ajax control ModalPopupExtender demo

2010-07-15 21:16 585 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航