GridView结合AJAX ModalPopupExtender控件实现新开窗口数据更新

最新推荐文章于 2025-10-28 14:52:26 发布

原创最新推荐文章于 2025-10-28 14:52:26 发布 · 891 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #button #asp #textbox #server #submodule

.net 2.0 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用AJAXModalPopupExtender实现网页上的弹出窗口功能，并进行数据更新操作。通过具体的代码示例展示了如何设置弹窗样式、触发条件及响应事件等关键步骤。

其实是用AJAX ModalPopupExtender实现伪新开窗口数据更新，因为都是在一个页面中，:）

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="A.aspx.cs" Inherits="SubModule_CarManage_A" %> <!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> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .modalBackground { background-color: #ddd; filter:alpha(opacity=70); opacity:0.5; } .modalPopup { background-color: #EAFDFF; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; } .confirmPanel { border:2px solid #ccc; background-color:#fff; padding:15px; width:230px; height:50px; } </style> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager runat=server ID="scm"></asp:ScriptManager> <div> <asp:UpdatePanel ID="UP1" runat=server> <ContentTemplate> <asp:ModalPopupExtender TargetControlID="HiddenField1" BackgroundCssClass="modalBackground" PopupControlID="PN1" DropShadow=true ID="MPE1" runat=server></asp:ModalPopupExtender> <asp:HiddenField ID="HiddenField1" runat=server/> <asp:Panel ID="PN1" runat=server Height="50px" Width="125px" CssClass="confirmPanel" style="display:none" mce_style="display:none" > <asp:Button ID="Button2" runat=server Text="确定" onclick="Button2_Click" /> <asp:TextBox ID="TextBox1" runat=server></asp:TextBox> <asp:Button ID="Button3" runat=server Text="取消" /> </asp:Panel> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"> <Columns> <asp:BoundField DataField="ID_Car" HeaderText="ID_Car" InsertVisible="False" ReadOnly="True" SortExpression="ID_Car" /> <asp:BoundField DataField="CarType" HeaderText="CarType" SortExpression="CarType" /> <asp:BoundField DataField="CarNo" HeaderText="CarNo" SortExpression="CarNo" /> <asp:BoundField DataField="Seats" HeaderText="Seats" SortExpression="Seats" /> <asp:BoundField DataField="State" HeaderText="State" SortExpression="State" /> <asp:BoundField DataField="Remark1" HeaderText="Remark1" SortExpression="Remark1" /> <asp:TemplateField> <ItemTemplate> <asp:Button ID="Button4" runat=server Text="编辑" CommandArgument='<%#Eval("ID_Car") %>' OnClick="Button4_Click" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </ContentTemplate> </asp:UpdatePanel> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [CarManage_CarInf]"></asp:SqlDataSource> </div> </form> </body> </html>

后台：

public partial class SubModule_CarManage_A : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button4_Click(object sender, EventArgs e) { int id = int.Parse((sender as Button).CommandArgument); TextBox1.Text = id.ToString(); MPE1.Show(); } protected void Button2_Click(object sender, EventArgs e) { MPE1.Hide(); } }