Я использую 2 Bootstrap модальных окна на моей странице ASP NET. Первое модальное окно предназначено для загрузки данных в базу данных с помощью Excel, а второе модальное окно используется для загрузки данных по одному (вставка данных с помощью формы ввода). Итак, все мои модальные окна находятся внутри одной формы.
И на моей странице у меня есть 1 HTML таблица для отображения данных.
Когда я создал первое модальное окно, все процессы в порядке ( Успешная загрузка файла в базу данных). Но когда готово второе модальное окно, первая кнопка действия на теле первого модального окна не может работать.
Что не так с моим кодом? Любая помощь будет признательна.
Мой код: Default.aspx:
<form id="form1" runat="server">
<div class="col-lg-12 col-sm-12 col-xl-12 col-12 col-xs-12" style="margin-left: 0;">
<div class="row" style="margin-bottom: 10px;">
<div class="col-12">
<button type="button" id="btnAddPart" class="btn btn-primary text-center" data-toggle="modal" data-target="#exampleModalCenter">
Upload Part
</button>
<button type="button" id="btnAddPartonebyone" class="btn btn-primary text-center" data-toggle="modal" data-target="#myModalonebyone">
Add Part
</button>
</div>
</div>
<div class="row">
<div class="col-12">
<table class="table table-sm table-hover" style="font-size: .7rem; font-family: monsterrat; cursor: pointer;" id="tabela">
<thead style="background-color: #172679; color: white; text-align: center;">
<tr>
<th scope="col" style="vertical-align: middle;" title="SPI Goods Code">SPI Goods Code</th>
<th scope="col" style="vertical-align: middle;">Goods Name</th>
<th scope="col" style="vertical-align: middle;">Goods Desc</th>
<th scope="col" style="vertical-align: middle;">Model</th>
<th scope="col" style="vertical-align: middle;">Rack Name</th>
<th scope="col" style="vertical-align: middle;">Max Stock</th>
<th scope="col" style="vertical-align: middle;">Min Stock</th>
<th scope="col" style="vertical-align: middle;">Now Stock</th>
<th scope="col" style="vertical-align: middle;">Status</th>
<%--<th scope="col" style="vertical-align: middle;">View</th>--%>
</tr>
</thead>
<tbody>
<%for (int j = 0; j < dt.Rows.Count; j++)%>
<%{%>
<tr>
<td class="inputqty">
<%=dt.Rows[j]["goodsCode"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["goodsName"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["goodsDesc"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["model"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["rackName"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["maxStock"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["minStock"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["nowStock"]%>
</td>
<td class="inputqty">
<%=dt.Rows[j]["stockCategory"]%>
</td>
</tr>
<%}%>
</tbody>
</table>
</div>
</div>
</div>
<!--modal upload file-->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Upload Spareart Data</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row d-inline" style="margin-top: 20px;">
<asp:FileUpload ID="Upload" runat="server" CssClass="form-control-file"></asp:FileUpload>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-danger text-center" data-dismiss="modal">Close</button>
<%--<asp:Button ID="Button1" runat="server" CssClass="btn btn-outline-primary text-center" Text="Upload Data" OnClick="Button1_Click" />--%>
<button id="Button12" data-target="#exampleModalCenter" class="btn btn-outline-primary text-center" onclick="Button1_Click">Upload</button>
</div>
</div>
</div>
</div>
<!-- modal upload data one by one-->
<!-- The Modal -->
<div class="modal fade" id="myModalonebyone">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Insert Sparepart Data</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Goods Code</label>
<asp:TextBox CssClass="form-control" ID="txtGoodsCodeOnebyOne" runat="server" Width="75%" placeholder="SPI-XXX-XXX" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Goods Name</label>
<asp:TextBox CssClass="form-control" ID="txtGoodsNameOneByOne" runat="server" Width="75%" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Goods Desc</label>
<asp:TextBox CssClass="form-control" ID="txtGoodsDescOneByOne" runat="server" Width="90%" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Currency</label>
<asp:TextBox CssClass="form-control" ID="txtCurrencyOneByOne" runat="server" Width="30%" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Goods Unit</label>
<asp:TextBox CssClass="form-control" ID="txtGoodsUnitOneByOne" runat="server" Width="80%" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Unit Price</label>
<asp:TextBox CssClass="form-control" ID="txtUnitPriceOneByOne" runat="server" Width="20%" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Maker</label>
<asp:TextBox CssClass="form-control" ID="txtMakerOneByOne" runat="server" Width="75%" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Minimum Order</label>
<asp:TextBox CssClass="form-control" ID="txtMinimumOrderOneByOne" runat="server" Width="15%" TextMode="Number" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Model</label>
<asp:TextBox CssClass="form-control" ID="txtModelOneByOne" runat="server" Width="35%" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Line / Cell</label>
<asp:TextBox CssClass="form-control" ID="txtLineCellOneByOne" runat="server" Width="30%" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Maximum Stock</label>
<asp:TextBox CssClass="form-control" ID="txtMaximumStockOneByOne" runat="server" Width="15%" TextMode="Number" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Rack Name</label>
<asp:TextBox CssClass="form-control" ID="txtRackNameOneByOne" runat="server" Width="50%" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Minimum Stock</label>
<asp:TextBox CssClass="form-control" ID="txtMinimumStockOneByOne" runat="server" Width="15%" TextMode="Number" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Now Stock</label>
<asp:TextBox CssClass="form-control" ID="txtNowStockOneByOne" runat="server" Width="15%" TextMode="Number" required></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Attach Picture</label>
<asp:FileUpload CssClass="form-control-file" runat="server" Enabled="false" />
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Attach File Document</label>
<asp:FileUpload CssClass="form-control-file" runat="server" Enabled="false" />
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Stock Category</label>
<asp:TextBox CssClass="form-control" ID="txtStockCategoryOneByOne" runat="server" Width="25%" required></asp:TextBox>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xl-6">
<label class="lblModal">Supplier Name</label>
<asp:TextBox CssClass="form-control" ID="txtSupplierNameOneByOne" runat="server" Width="65%" required></asp:TextBox>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-outline-danger text-center" data-dismiss="modal">Close</button>
<asp:Button ID="btnInsertDataOnebyOne" runat="server" CssClass="btn btn-outline-primary text-center" Text="Insert Data" OnClick="btnInsertDataOnebyOne_Click" />
</div>
</div>
</div>
</div>
</form>
Скрытый код:
protected void Button1_Click(object sender, EventArgs e)
{
upload();
bindData();
}
protected void btnInsertDataOnebyOne_Click(object sender, EventArgs e)
{
upload2();
bindData();
}