C# ASP.NET如何在无需关闭或刷新弹出窗口的情况下使用模式弹出引导4上的按钮
我的主页上有一个打开弹出窗口的按钮，在弹出窗口中有gridview、table和按钮（添加新行），其中用户在表格中添加一个新的人，并在按钮（添加新行）上将该新行从表格添加到grid视图。问题是，单击按钮（添加新行）时，弹出窗口将关闭，再次打开时，弹出窗口将在gridview中显示新行。 如何防止单击按钮（添加新行）时弹出窗口关闭？C# ASP.NET如何在无需关闭或刷新弹出窗口的情况下使用模式弹出引导4上的按钮,c#,asp.net,webforms,popup,bootstrap-modal,C#,Asp.net,Webforms,Popup,Bootstrap Modal,我的主页上有一个打开弹出窗口的按钮，在弹出窗口中有gridview、table和按钮（添加新行），其中用户在表格中添加一个新的人，并在按钮（添加新行）上将该新行从表格添加到grid视图。问题是，单击按钮（添加新行）时，弹出窗口将关闭，再次打开时，弹出窗口将在gridview中显示新行。 如何防止单击按钮（添加新行）时弹出窗口关闭？ <head runat="server"> <title></title> <link
<head runat="server">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:LinkButton ID="btnOpenPopUp" runat="server" CssClass="btn btn-dark btn-sm" data-toggle="modal" data-target="#PopUpModal">Open PopUp</asp:LinkButton>
<div class="modal fade" id="PopUpModal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="container-fluid">
<br />
<div class="text-center">
<asp:Label ID="Label28" runat="server" Font-Size="X-Large" Text="GRID with table"></asp:Label>
</div>
</div>
</div>
<div class="modal-body ">
<div>
<table class="table-borderless p-0"
border="1" id="HeaderGridView1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th style="width: 185px; text-align: center">Name</th>
<th style="width: 150px; text-align: center">Surname</th>
<th style="width: 110px; text-align: center">Nickname</th>
</tr>
</table>
</div>
<div class="container-fluid p-0" style="max-height: 99px; overflow-y: auto;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
CssClass="table-borderless"
CellPadding="1"
BorderStyle="None"
ShowHeader="false"
ShowFooter="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtName" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<div>
<table class="table-borderless p-0"
border="1" id="FooterGridview1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th>
<asp:TextBox ID="FtxtName" BackColor="#CCCCCC" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</th>
</tr>
</table>
</div>
<div class="p-0">
<asp:Button ID="Button1" runat="server" OnClick="AddNewRow_Click" UseSubmitBehavior="False" Text="Add new row" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary btn-sm">Save</button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
打开弹出窗口
名称
姓
昵称
接近
拯救
protected void AddNewRow_Click(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("cls_Name");
dt.Columns.Add("cls_Surname");
dt.Columns.Add("cls_Nickname");
DataRow dr = null;
if (ViewState["vs"] != null)
{
for (int i = 0; i < 1; i++)
{
dt = (DataTable)ViewState["vs"];
if (dt.Rows.Count > 0)
{
dr = dt.NewRow();
dr["cls_Name"] = FtxtName.Text;
dr["cls_Surname"] = FtxtSurname.Text;
dr["cls_Nickname"] = FtxtNickname.Text;
dt.Rows.Add(dr);
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
}
else
{
dr = dt.NewRow();
dr["cls_Name"] = FtxtName.Text;
dr["cls_Surname"] = FtxtSurname.Text;
dr["cls_Nickname"] = FtxtNickname.Text;
dt.Rows.Add(dr);
GridView1.DataSource = dt;
GridView1.DataBind();
}
ViewState["vs"] = dt;
FtxtName.Text = "";
FtxtSurname.Text = "";
FtxtNickname.Text = "";
}
protectedvoid AddNewRow\u单击（对象发送方，事件参数e）
{
DataTable dt=新的DataTable（）；
dt.列。添加（“cls_名称”）；
dt.列。添加（“cls_姓氏”）；
添加（“cls_昵称”）；
数据行dr=null；
如果（ViewState[“vs”！=null）
{
对于（int i=0；i<1；i++）
{
dt=（数据表）视图状态[“vs”]；
如果（dt.Rows.Count>0）
{
dr=dt.NewRow（）；
dr[“cls_Name”]=FtxtName.Text；
dr[“cls_姓氏”]=ftxtnamese.Text；
dr[“cls_昵称”]=FtxtNickname.Text；
dt.Rows.Add（dr）；
GridView1.DataSource=dt；
GridView1.DataBind（）；
}
}
}
其他的
{
dr=dt.NewRow（）；
dr[“cls_Name”]=FtxtName.Text；
dr[“cls_姓氏”]=ftxtnamese.Text；
dr[“cls_昵称”]=FtxtNickname.Text；
dt.Rows.Add（dr）；
GridView1.DataSource=dt；
GridView1.DataBind（）；
}
视图状态[“vs”]=dt；
FtxtName.Text=“”；
ftxtlasname.Text=“”；
ftxt昵称。Text=“”；
}
更新面板来完成所需的任务
为此，使用runat=“server”
属性将ScriptManager
放在您的form
元素的后面
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
所以，整个身体看起来是这样的：
<asp:UpdatePanel runat="server">
<ContentTemplate>
<div class="modal fade" id="PopUpModal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="container-fluid">
<br />
<div class="text-center">
<asp:Label ID="Label28" runat="server" Font-Size="X-Large" Text="GRID with table"></asp:Label>
</div>
</div>
</div>
<div class="modal-body ">
<div>
<table class="table-borderless p-0"
border="1" id="HeaderGridView1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th style="width: 185px; text-align: center">Name</th>
<th style="width: 150px; text-align: center">Surname</th>
<th style="width: 110px; text-align: center">Nickname</th>
</tr>
</table>
</div>
<div class="container-fluid p-0" style="max-height: 99px; overflow-y: auto;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
CssClass="table-borderless"
CellPadding="1"
BorderStyle="None"
ShowHeader="false"
ShowFooter="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtName" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<div>
<table class="table-borderless p-0"
border="1" id="FooterGridview1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th>
<asp:TextBox ID="FtxtName" BackColor="#CCCCCC" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</th>
</tr>
</table>
</div>
<div class="p-0">
<asp:Button ID="Button1" runat="server" OnClick="AddNewRow_Click" UseSubmitBehavior="False" Text="Add new row" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary btn-sm">Save</button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel runat="server">
<ContentTemplate>
<div class="modal fade" id="PopUpModal" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="container-fluid">
<br />
<div class="text-center">
<asp:Label ID="Label28" runat="server" Font-Size="X-Large" Text="GRID with table"></asp:Label>
</div>
</div>
</div>
<div class="modal-body ">
<div>
<table class="table-borderless p-0"
border="1" id="HeaderGridView1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th style="width: 185px; text-align: center">Name</th>
<th style="width: 150px; text-align: center">Surname</th>
<th style="width: 110px; text-align: center">Nickname</th>
</tr>
</table>
</div>
<div class="container-fluid p-0" style="max-height: 99px; overflow-y: auto;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
CssClass="table-borderless"
CellPadding="1"
BorderStyle="None"
ShowHeader="false"
ShowFooter="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtName" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:TextBox ID="txtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<div>
<table class="table-borderless p-0"
border="1" id="FooterGridview1"
style="border-style: None; border-collapse: collapse;">
<tr>
<th>
<asp:TextBox ID="FtxtName" BackColor="#CCCCCC" runat="server" Width="185px" Text='<%#Eval("cls_Name") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtSurname" runat="server" Width="150px" Text='<%#Eval("cls_Surname") %>'></asp:TextBox>
</th>
<th>
<asp:TextBox ID="FtxtNickname" runat="server" Width="110px" Text='<%#Eval("cls_Nickname") %>'></asp:TextBox>
</th>
</tr>
</table>
</div>
<div class="p-0">
<asp:Button ID="Button1" runat="server" OnClick="AddNewRow_Click" UseSubmitBehavior="False" Text="Add new row" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary btn-sm">Save</button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
名称
姓
昵称