gpt4 book ai didi

javascript - AutoPostBack 导致隐藏的 div 崩溃

转载 作者:行者123 更新时间:2023-11-28 05:17:27 28 4
gpt4 key购买 nike

我下载了一个名为“Gentelella-Master Admin”的模板,用于我的 asp.net 应用程序。情况就像我有一个启用了自动回发的下拉列表,当它不活动时,隐藏的 div 会折叠到下拉列表中。你能告诉我我的编码有什么问题吗?感谢您的提前。

注意:当购买产品面板未折叠(隐藏)时,每当我更改已执行自动回发的下拉列表“产品”时,购买产品面板都会显示。

这里是 INDEX.ASPX

 <div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>New Trade Header<asp:HiddenField ID="hf1" runat="server" /></h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class=""><i class=""></i></a>
</li>
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li><a class=""><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div id="demo-form2" class="form-horizontal form-label-left data-parsley-validate">
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label4" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Product</asp:Label>
<asp:DropDownList ID="ddProd" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required" DataTextField="prodType" DataValueField="prID" AutoPostBack="true">
</asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblSpecs" runat="server" class="col-md-12 col-sm-3 col-xs-12 tem">Product Specification</asp:Label>
<asp:DropDownList ID="ddProdSpec" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required" DataTextField ="specDesc" DataValueField ="specID">
</asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label3" runat="server" class="col-md-12 col-sm-3 col-xs-12 tem" >Reference. No</asp:Label>
<asp:TextBox ID="txtRefNo" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12" ></asp:TextBox>
</div>

<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblContractNo" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Contact No *</asp:Label>
<asp:TextBox ID="txtContractNo" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12" required="required"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblDeliveryDate" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Delivery Date *</asp:Label>
<asp:TextBox ID="txtDeliveryDate" runat="server" class="date-picker form-control col-md-7 col-xs-12 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurchaseContractTerms" runat="server" class="col-md-12 col-sm-3 col-xs-12 tem">Purchase Contract Terms</asp:Label>
<asp:DropDownList ID="ddPurContractTerms" runat="server" DataTextField="purconName" DataValueField="purconID" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label6" runat="server" class="col-md-8 col-sm-3 col-xs-12 tem">Exhange Rate</asp:Label>
<asp:DropDownList ID="ddExRate" runat="server" DataTextField="exRateValue" DataValueField="exRateID" class="form-control col-md-3 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label7" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Vessel</asp:Label>
<asp:DropDownList ID="ddVessel" runat="server" DataTextField="VesselName" DataValueField="vID" class="form-control col-md-3 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblQuantity" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Quantity</asp:Label>
<asp:TextBox ID="txtQuantity" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblValue" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Unit</asp:Label>
<asp:DropDownList ID="ddValue" runat="server" DataTextField="metricDesc" DataValueField="metricID" class="form-control col-md-3 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label10" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Load Port</asp:Label>
<asp:DropDownList ID="ddLoadPort" runat="server" DataTextField="loadPortName" DataValueField="loadportID" class="form-control col-md-3 col-sm-3 col-xs-12 required">
</asp:DropDownList>
<!--remove autopostback AutoPostBack="True"-->
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="Label11" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Disport</asp:Label>
<asp:DropDownList ID="ddDisport" runat="server" DataTextField="disportName" DataValueField="disportID" class="form-control col-md-3 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-sm-3 col-xs-12">
<asp:Label ID="Label8" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Buyer</asp:Label>
<asp:DropDownList ID="ddBuyer" runat="server" DataTextField="companyName" DataValueField="comID" class="form-control col-md-6 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
<div class="col-md-6 col-sm-3 col-xs-12">
<asp:Label ID="Label9" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Seller</asp:Label>
<asp:DropDownList ID="ddSeller" runat="server" DataTextField="companyName" DataValueField="comID" class="form-control col-md-6 col-sm-3 col-xs-12 required">
</asp:DropDownList>
</div>
</div>
<div class="form-group" style="text-align: right">
<div class="col-md-12 col-sm-12 col-xs-12 ">
<!-- modals -->
<!-- Large modal -->
<button id="btnModalCreate" runat="server" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Create</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" style="text-align:left">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Confirmation</h4>
</div>
<div class="modal-body">
<h4>Creating Trade Header</h4>
<p>Do you want to save New Trade Header Details?</p>
<p>If you are not sure about the details, click Cancel</p>
</div>
<div class="modal-footer">
<!-- <asp:Button ID="bttnNCancel" runat="server" class="btn btn-success" Text="Cancel" />-->
<button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
<asp:Button ID="bttnCreate" runat="server" class="btn btn-primary" Text="Save"/>
</div>
</div>
</div>
</div>
<button id="bttnModEdit" runat="server" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example1-modal-lg" visible ="false">Edit</button>
<div class="modal fade bs-example1-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" style="text-align:left">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="H1">Confirmation</h4>
</div>
<div class="modal-body">
<h4>Editing Trade Header</h4>
<p>Do you want to save changes on New Trade Header Details?</p>
<p>If you are not sure about the details, click Cancel</p>
</div>
<div class="modal-footer">
<!--<asp:Button ID="bttnNCancel1" runat="server" class="btn btn-success" Text="Cancel" />-->
<button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
<asp:Button ID="bttnEdit" runat="server" class="btn btn-primary" Text="Save Changes" Visible="false" />
</div>
</div>
</div>
</div>
<!-- <asp:Button ID="bttnNTSave" runat="server" class="btn btn-primary" Text="Save" Visible="false" />-->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end of New Trade Panel-->

<!--buy product panel-->
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>Buy Product</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class=""><i class=""></i></a>
</li>
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li><a class=""><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<asp:HiddenField ID="hfrfIDH" runat="server" />
<div class="x_content">
<div id="Div1" class="form-horizontal form-label-left data-parsley-validate">
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurSeller" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Seller</asp:Label>
<asp:DropDownList ID="ddPurSellers" runat="server" DataTextField="companyName" DataValueField="comID" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurBuyer" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Buyer</asp:Label>
<asp:DropDownList ID="ddPurBuyer" runat="server" DataTextField="companyName" DataValueField="comID" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurProduct" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Product</asp:Label>
<asp:DropDownList ID="ddPurProd" runat="server" DataTextField="prDesc" DataValueField="pID" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
<asp:HiddenField ID="hfProdCode" runat="server" />
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurPrem" runat="server" class="col-md-10 col-sm-3 col-xs-12 tem ">Purchase Premium (+/-)</asp:Label>
<asp:TextBox ID="txtPurPrem" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblDate1" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Date From</asp:Label>
<asp:TextBox ID="txtDateFrom" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblDate2" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Date To</asp:Label>
<asp:TextBox ID="txtDateTo" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPurQty" runat="server" class="col-md-8 col-sm-3 col-xs-12 tem">Purchase Quantity</asp:Label>
<asp:TextBox ID="txtPurQty" runat="server" class="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblMetric" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Unit</asp:Label>
<asp:DropDownList ID="ddMetric" runat="server" DataTextField="metricDesc" DataValueField="metricID" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
</div>
</div>
<div class="form-group" style="text-align: right">
<div class="col-md-12 col-sm-12 col-xs-12 ">
<button id="bttnModBuyProd" runat="server" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example2-modal-lg" >Add</button>
<div class="modal fade bs-example2-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" style="text-align:left">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="H2">Confirmation</h4>
</div>
<div class="modal-body">
<h4>Buy Product</h4>
<p>Do you want to add this Trade?</p>
<p>If you are not sure about the details, click Cancel</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
<asp:Button ID="bttnBAdd" runat="server" class="btn btn-primary" Text="Add" />
</div>
</div>
</div>
</div>
<!--<asp:Button ID="bttnBcancel" runat="server" class="btn btn-success" Text="Cancel" />-->
</div>
</div>
</div>
<!--GRIDVIEW-->
<asp:GridView ID="grvBuyProduct" runat="server" AutoGenerateColumns="False" ShowHeaderWhenEmpty="True" class="table-responsive table table-striped jambo_table bulk_action" CellPadding="4" ForeColor="#333333" GridLines="None">
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:CommandField ShowDeleteButton="True" DeleteText="Remove" />
<asp:BoundField HeaderText="Seller" DataField="pSeller"/>
<asp:BoundField HeaderText="Buyer " DataField="pBuyer"/>
<asp:BoundField HeaderText="QTY" DataField="pQTY" DataFormatString="{0:#,###0.000}"/>
<asp:BoundField HeaderText="Code" DataField="pCode" />
<asp:BoundField HeaderText="Product" DataField="pProduct" />
<asp:BoundField HeaderText="Date From" DataField="Date1" DataFormatString ="{0:dd/M/yyyy}" />
<asp:BoundField HeaderText="Date To" DataField="Date2" DataFormatString ="{0:dd/M/yyyy}" />
<asp:BoundField HeaderText="Total Days" DataField="TotalDays" />
<asp:BoundField HeaderText="Pur Prem" DataField="pPurPremium" />
<asp:BoundField HeaderText="Ave" DataField="Ave" DataFormatString="{0:#,###0.000}"/>
<asp:BoundField HeaderText="Net Price" DataField="NetPurPrice" DataFormatString="{0:#,###0.000}"/>
<asp:BoundField HeaderText="USD" DataField="USD" DataFormatString="{0:#,###0.000}"/>
<asp:BoundField HeaderText="AED" DataField="AED" DataFormatString="{0:#,###0.000}"/>
</Columns>
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
</asp:GridView>

<!--table-->
<div class="x_title">
<h2>Operational Cost</h2>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblCost" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Cost</asp:Label>
<asp:DropDownList ID="ddOperationalCosts" DataTextField="costName" DataValueField="costID" runat="server" CssClass="form-control col-md-3 col-sm-3 col-xs-12 required"></asp:DropDownList>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<asp:Label ID="lblPrice" runat="server" class="col-md-7 col-sm-3 col-xs-12 tem">Price</asp:Label>
<asp:TextBox ID="txtPrice" runat="server" class="form-control col-md-3 required"></asp:TextBox>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<br />
<asp:Button ID="bttnOPAdd" runat="server" class="btn btn-primary" Text="Add" />
</div>
</div>
<!--class="table table-striped jambo_table bulk_action"-->
<asp:GridView ID="grvOperationalCost" runat="server" AutoGenerateColumns="False" ShowHeaderWhenEmpty="True" CellPadding="4" class="table table-striped jambo_table bulk_action" ForeColor="#333333" GridLines="None">
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:CommandField ShowDeleteButton="True" DeleteText="Remove" />
<asp:BoundField HeaderText="ID" DataField="plCostID"/>
<asp:BoundField HeaderText="Cost" DataField ="plCostName" />
<asp:BoundField HeaderText="USD" DataField="plCostPrice"/>
<asp:BoundField HeaderText="AED" DataField ="plCostPriceAED" />
</Columns>
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
</asp:GridView>
<div class="form-group" style="text-align: right">
<div class="col-md-12 col-sm-12 col-xs-12 ">
<button id="bttnModFinalSave" runat="server" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example3-modal-lg" visible="false">Save</button>
<div class="modal fade bs-example3-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" style="text-align:left">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="H3">Confirmation</h4>
</div>
<div class="modal-body">
<h4>Saving New Trade Details</h4>
<p>Do you want to add this Trade?</p>
<p>If you are not sure about the details, click Cancel</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
<asp:Button ID="bttnFinalSave" runat="server" class="btn btn-primary" Text="Save" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- end of Buy Product Panel-->

最佳答案

您可能必须在回发后再次设置 div 的可见性。

        if (IsPostBack)
{
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "showDiv", "document.getElementById('myDiv').style.display = 'block';", true);
}

关于javascript - AutoPostBack 导致隐藏的 div 崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39243473/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com