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

asp.net ajax control ModalPopupExtender demo

2010-07-15 21:16 423 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航