如何防止一个更新面板中两个按钮单击事件的完整回发？答案

【问题标题】：How to prevent complete postbacks from two buttons click events in one Update Panel?如何防止一个更新面板中两个按钮单击事件的完整回发？
【发布时间】：2018-12-10 13:34:29
【问题描述】：

所以，我在这里有一个表单设计部分，其中有一个“保存”按钮和一个“插槽网格”按钮。 AsyncPostBackTrigger 在更新面板的保存按钮上实现。我的问题是，从在页面加载时绑定的列表框中选择值后，每当我单击“btnshowslotgrids”按钮时，列表框都会丢失所有选定的值。我应该怎么做才能防止它？

  <asp:UpdatePanel ID="Upd" runat="server" UpdateMode="Conditional">
<ContentTemplate>
    <table style="width: 100%; margin: auto; min-height: 500px;">
     <tr>
       <td>
           <asp:ListBox SelectionMode="Multiple" ClientIDMode="Static" 
           ID="lbEduType" runat="server"
           CssClass="multiselect form-control" DataValueField="Id" 
           DataTextField="Name" multiple="multiple"></asp:ListBox>
       </td>
        <td>
         <asp:Button ID="btnshowslotgrids" Text="Slot Grids" runat="server" 
         CssClass="btn btn-primary" OnClick="btnshowslotgrids_Click"/>
       </td>
     </tr>
    </table>  
<table id="tblAssSubjSave" runat="server">
  <tr>
    <td>
   <asp:Button runat="server" ID="btnSaveAssessment"  Text="Save Slot" 
    ValidationGroup="vgAssessments" OnClick="btnSaveAssessment_Click" />
   <asp:Button runat="server" ID="btnCancelAssessment" Text="Reset" 
   CausesValidation="false"    OnClick="btnCancelAssessment_Click" />
  </td>
  </tr>
 </table>
  </ContentTemplate>
         <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnSaveAssessment" />
        </Triggers>
  </asp:UpdatePanel>

【问题讨论】：

你能展示一下 Page_Load 内部发生了什么吗？我怀疑您将数据绑定到 ListBox 而不检查 IsPostBack
@VDWWD...我在 Page_Load 内的 IsPostBack 事件中绑定列表框，并且它只进入一次。

标签： c# asp.net updatepanel ajaxcontroltoolkit

【解决方案1】：

您应该在 !IsPostback 事件中绑定您的列表框。

if (!IsPostBack)
{
    //bind your listbox here
}

在你的情况下会发生什么，每当你点击按钮时，首先它会调用页面加载事件，它会重新绑定你的列表框源，因此你选择的值将会丢失。

【讨论】：

【解决方案2】：

您可以将值存储在隐藏字段中，然后在页面回发后重新填充列表框。

【讨论】：