ASP.Net 更新面板放置答案

【问题标题】：ASP.Net Updatepanel PlacementASP.Net 更新面板放置
【发布时间】：2020-08-03 16:12:18
【问题描述】：

我有一个页面，上面有 3 个字段。金额（文本框）、付款条件（下拉菜单）（一次、每月、每季度等）以及根据下拉菜单中选择的内容收取的金额。下拉列表设置为 autopostback=true。该操作用于计算要收取的金额，但在回发期间会弹回页面顶部。我知道我需要一个更新面板来进行部分回发，我只是不知道如何对其进行编码或将其放在我的代码中的什么位置。我所做的尝试似乎吞下了回发，但没有任何反应。

这是没有更新面板的代码：

<div class="row form-group">

    <label class="control-label col-md-4" for="lblTotal">Total Amount:<asp:textbox ID="lblTotal" runat="server" visible="true" borderstyle="None" ForeColor="#FFFFFF" BackColor="#FFFFFF"/></label>

   <div class="col-md-3 "><div class="input-group"><span class="input-group-addon" id="lblDollar" style="border-color:#4B116F; border-width:2px; color:#4B116F;">$</span>

   <asp:textbox ID="lblTotalAmount" Runat="server" Font-Bold="true" ReadOnly="false" class="form-control" aria-describedby="lblDollar" style="border-color:#4B116F; border-width:2px; color:#4B116F;" AutoPostBack="false"/></div></div>

   <div class="col-md-3"><asp:rangeValidator id="rvalTotalAmount" ControlToValidate="lblTotalAmount" runat="server" type="Double" Minimumvalue="5.00" Maximumvalue="30000.00" ErrorMessage="For your security we limit online gifts to a range of $5.00 to $30,000.00."  Text="*"></asp:rangeValidator><asp:CustomValidator ID="cvalDesignation" runat="server" errormessage="Please enter a designation."  Text="*"/></div>

</div>

<div class="row form-group">

<label class="control-label col-md-4">Payment Terms: </label>
<div class="col-md-3">
    
    <asp:DropDownList ID="ddlCCFrequency" Runat="server" class="ddl_styler_combo ddl-size dropdown-toggle" AutoPostBack="true" style="border-radius:4px; width:160px;"/>

</div>

<asp:TextBox ID="tbxAuthNetAmt" runat="server" visible="true" borderstyle="solid" ForeColor="#FFFFFF" BackColor="#FFFFFF"/>

</div>

<div class="row form-group">

<label class="control-label col-md-4">Card will be charged: </label>

<div class="col-md-3"><div class="input-group">

<span class="input-group-addon ddl_styler_combo" id="ccDollar" style="border-color:#4B116F; border-width:2px; color:#4B116F; font-weight:bold; height:33px;">$</span>

<asp:TextBox ID="tbxCardAmount" readonly="false" Runat="server" class="form-control ddl_styler_combo ddl-size" aria-describedby="ccDollar"  style="border-color:#4B116F; border-width:2px; color:#4B116F; border-bottom-right-radius:4px; border-top-right-radius:4px;" />

</div></div>
<div class="col-md-2"><asp:CustomValidator id="cvalCardChargeSchedule" runat="server" enabled="true" ErrorMessage="Please specify a billing schedule" /></div>

</div>

【问题讨论】：

标签： asp.net updatepanel

【解决方案1】：

“我所做的尝试似乎吞噬了回发”

发生这种情况时，意味着您有 JavaScript 错误。

从这段代码中，只有验证器会导致 JavaScript 错误 - 暂时删除它们以查看 UpdatePanel 是否正常工作，然后一一添加以找出问题所在。

当您使用 Web 浏览器工具拥有该页面时，另请参阅 javacript 错误。

【讨论】：