更新更新面板需要單擊兩次按鈕

Question

如果這個問題被問到，我深表歉意，但是我似乎找不到我問題的正確答案。

我有一個用於更新位於更新面板內部的gridview的按鈕。 在更新面板內也有3個標簽。 標簽用於錯誤。 如果單擊一個按鈕並將數據添加到應該添加到gridview的數據庫中，我將看不到它。 但是，如果再次單擊該按鈕，則會顯示一個錯誤標簽，提示該數據已存在，然后在gridview中看到新數據。 實際上，我有幾個更新面板，它們的單擊按鈕均相同，而在我具有下拉菜單的內部，發生相同的事情，這需要兩次單擊。 更新面板如下所示：

<asp:UpdatePanel ID="upSloPitchLeague" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
                            <ContentTemplate>
                                <asp:GridView ID="gvLeague" runat="server" AutoGenerateColumns="False" AutoGenerateDeleteButton="True" CellPadding="5" DataKeyNames="leagueID">
                                    <Columns>
                                        <asp:BoundField DataField="leagueDay" HeaderText="Day" />
                                        <asp:BoundField DataField="leagueType" HeaderText="Type" />
                                    </Columns>
                                </asp:GridView>
                                <br />
                                <asp:Label ID="lblDayError" runat="server" ForeColor="Red" Visible="False"></asp:Label>
                                <br />
                                <asp:Label ID="lblTypeError" runat="server" ForeColor="Red" Visible="False"></asp:Label>
                                <br />
                                <asp:Label ID="lblDBError" runat="server" ForeColor="Red" Visible="False"></asp:Label>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnAddLeague" EventName="Click" />
                            </Triggers>
                        </asp:UpdatePanel>

Answer 1

該問題的原始答案已刪除，因為它是JS Bin的僅鏈接答案。 僅供參考：jsbin [dot] com / nanuvihune / 1 / edit

這是刪除后我正在編輯的版本：

 $("#autocomplete").kendoAutoComplete({ dataTextField: "Name", dataSource: [{ id: 1, Name: "Apples" }, { id: 2, Name: "Oranges" }, { id: 3, Name: "Carrots" } ], select: function(e) { var dataItem = this.dataItem(e.item.index()); alert(dataItem.id); } }); var autocomplete = $("#autocomplete").data("kendoAutoComplete"); 

 <link href="https://kendo.cdn.telerik.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" /> <link href="https://kendo.cdn.telerik.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" /> <link href="https://kendo.cdn.telerik.com/2014.1.416/styles/kendo.mobile.all.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2014.1.416/js/kendo.all.min.js"></script> <input id="autocomplete" />