如何在asp.net中使用模式弹出窗口? [英] how to use modal popup in asp.net?
本文介绍了如何在asp.net中使用模式弹出窗口?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我看到一些有关modalpopupextender的链接，但不清楚.只是复制代码并运行，但我没有得到输出..
Default.aspx文件
I see some links about modalpopupextender but I am not understand clearly. just copy the code and run but I am not getting output..
Default.aspx file
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication8._Default" %>
<!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">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxToolkit:ModalPopupExtenderID="ModalPopupExtender1"runat="server"
TargetControlID="lnkPopup"
PopupControlID="panEdit"
BackgroundCssClass="modalBackground"
CancelControlID="btnCancel"
PopupDragHandleControlID="panEdit">
</ajaxToolkit:ModalPopupExtender>
<asp:PanelID="panEdit"runat="server"Height="180px"Width="400px"CssClass="ModalWindow">
<h1>Edit/h1>
<table width="100%">
<tr>
<td class="formtext" style="height: 23px; width: 150px;" align="left">
Fields1:
</td>
<td>
<asp:TextBox ID="txtFields1" runat="server"></asp:TextBox>
</td>
</tr>
</table>
<br />
<asp:Button ID="Button1" runat="server" Text="Update" OnClick="btnUpdate_Click"/>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</asp:Panel>
<a id="lnkPopup" runat="server">Show Popup</a>
</div>
</form>
</body>
</html>
style1.css文件
style1.css file
.modalBackground
{
background-color:#CCCCFF;
filter:alpha(opacity=40);
opacity:0.5;
}
.ModalWindow
{
border: solid1px#c0c0c0;
background:#f0f0f0;
padding: 0px10px10px10px;
position:absolute;
top:-1000px;
}
请进行验证，并告知我在哪里出错了.
please verify it,and inform where I a made mistake
推荐答案
您是否已注册?
are you Registed?
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
还添加脚本管理器
add Script manager also
您尚未添加脚本管理器".必须使用脚本管理器才能使用任何ajax控件. AjaxContolToolKit库可能尚未在页面中注册. Ajax Tool kIt可能尚未安装在您的机器中.
请遵循以下步骤-
->安装Ajax工具套件
->重置您的Visual Studio工具箱
->在工具框中添加新标签，并将其命名为Ajax Extensions
->右键点击新标签-点击选择项目
->浏览下载的"AjaxControlToolKit.dll"
->验证所选控件
->单击确定
现在，工具箱中的新选项卡将充满ajax控件
现在，首先将"ScriptManager"拖放到您的页面源中.
检查以下行是否已添加到页面顶部:
you have not added the "script manager". The script manager is mandatory to use any of the ajax controls. The AjaxContolToolKit library may not has registered with the page. Ajax Tool kIt may has not installed in your machine.
follow these steps--
--> Install Ajax Tool Kit
--> Reset your Visual Studio Tool Box
--> Add new tab in your tool box and name it as Ajax Extensions
--> Right click on your new tab - Click Choose Items
--> Browse your downloaded "AjaxControlToolKit.dll"
--> verify the selected controls
--> Click Ok
Now your new tab in tool box will be filled with ajax controls
Now first drag and drop "ScriptManager" in to your page source.
check the below line has added in your page at the top:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
从现在开始，您可以添加任何ajax控件..
希望对您有所帮助.
From now you can add any ajax controls..
Hope this helps..
下载AjaxControlToolKit.
从解决方案资源管理器中添加AjaxControlToolKit的引用.
您应该在AjaxExtensions下的ToolBox中添加ScriptManager
在表单标签之后.
并使用此
Download AjaxControlToolKit.
Add reference of AjaxControlToolKit from solution explorer.
you should add ScriptManager from ToolBox under AjaxExtensions
after form tag.
and use this
<