温馨提示:代码在线浏览功能只能做为源码浏览参考,如果想更进一步了解该代码请下载:AjaxControlTookit的ModalPopupExtender弹出应用
当前文件:
ModalPopupExtender/Default.aspx,打开代码结构图
ModalPopupExtender/Default.aspx,打开代码结构图1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Theme="default"%> 2
3
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 4
5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 6
<html xmlns="http://www.w3.org/1999/xhtml"> 7
<head runat="server"> 8
<title>Untitled Page</title> 9
</head> 10
<body> 11
<form id="form1" runat="server"> 12
<asp:ScriptManager ID="ScriptManager1" runat="server" /> 13
<div> 14
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 15
<ContentTemplate> 16
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="CategoryID" 17
DataSourceID="SqlDataSource1"> 18
<Columns> 19
<asp:BoundField DataField="CategoryID" HeaderText="CategoryID" InsertVisible="False" 20
ReadOnly="True" SortExpression="CategoryID" /> 21
<asp:BoundField DataField="CategoryName" HeaderText="CategoryName" SortExpression="CategoryName" /> 22
<asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" /> 23
<asp:TemplateField> 24
<ItemTemplate> 25
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/btn_edit.gif" 26
OnClick="ImageButton1_Click" /> 27
</ItemTemplate> 28
</asp:TemplateField> 29
</Columns> 30
</asp:GridView> 31
<asp:Button ID="Button4" runat="server" OnClick="Button4_Click" Text="Add" /><br /> 32
33
<asp:Button ID="Button3" runat="server" Text="Button" Width="275px" Style="display: none" /> 34
<cc1:modalpopupextender id="ModalPopupExtender1" runat="server" targetcontrolid="Button3" PopupControlID="Panel1" Drag="true" BackgroundCssClass="modalBackground"></cc1:modalpopupextender> 35
36
<asp:Panel ID="Panel1" runat="server" CssClass="modalBox" Style="display: none;" Height="96px" Width="347px"> 37
<asp:HiddenField ID="HiddenField1" runat="server" /> 38
<table> 39
<tr> 40
<td style="width: 100px"> 41
Name:</td> 42
<td style="width: 128px"> 43
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> 44
</tr> 45
<tr> 46
<td style="width: 100px"> 47
Description:</td> 48
<td style="width: 128px"> 49
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> 50
</tr> 51
<tr> 52
<td style="width: 100px"> 53
</td> 54
<td style="width: 128px"> 55
<asp:Button ID="Button1" runat="server" Text="Save" OnClick="Button1_Click" /> 56
<asp:Button ID="Button2" runat="server" Text="Cancel" /></td> 57
</tr> 58
</table> 59
</asp:Panel> 60
</ContentTemplate> 61
</asp:UpdatePanel> 62
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" 63
SelectCommand="SELECT [CategoryID], [CategoryName], [Description] FROM [Categories]" UpdateCommand="UPDATE Categories SET CategoryName = @name, Description = @des WHERE (CategoryID = @id)" InsertCommand="INSERT INTO Categories(CategoryName, Description) VALUES (@name, @des)"> 64
</asp:SqlDataSource> 65
66
</div> 67
</form> 68
</body> 69
</html> 70



