引導崩潰，單擊事件后未保留狀態

Question

我正在使用bootstrap崩潰。 我設置了3個不同的面板，每個面板都有添加按鈕。 當我單擊“添加”按鈕（面板2）時，頁面將刷新，並且它不會保留其狀態，因此顯示了面板1。

<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" id="col1">Stock Detail</a>
    </h4>
  </div>
  <div id="collapse1" class="panel-collapse collapse in">
    <div class="panel-body">
      <table class="table">
        <tr>
          <td>Stock Name</td>
          <td>
            <asp:TextBox ID="tbstockname" runat="server" CssClass="form-control"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" ValidationGroup="gp2" runat="server" ControlToValidate="tbstockname" ErrorMessage="Stock Name Required"></asp:RequiredFieldValidator>
          </td>
          <td>Client Name</td>
          <td>
            <asp:DropDownList ID="ddclientname" runat="server" CssClass="form-control">
            </asp:DropDownList>
          </td>
          <td>
            <asp:Button ID="btnaddstock" runat="server" ValidationGroup="gp2" Class="btn btn-primary" Text="ADD" OnClick="btnaddstock_Click" />
          </td>
        </tr>
        <tr>
          <td>
          </td>
        </tr>
      </table>
      <asp:GridView ID="gvstockdetail" class="table" runat="server" Width="500px">
      </asp:GridView>
    </div>
  </div>
</div>

Answer 1

您的問題是您正在使用服務器控件。 這樣一來，總會有一個帖子返回到服務器。 盡管有些人運氣不錯

OnClientClick="return false;" 

為了防止發生這種刷新，您需要使用html元素而不是server元素，並使用ajax調用函數。 就像是 ：

<input type="button" onclick="doAction()" />

然后對您的服務器操作進行一些ajax調用：

var doAction = function() {
    //ajax call to your server
};

有關ajax調用的更多信息，請參考文檔：

http://api.jquery.com/jquery.ajax/