ASP.UpdatePanel中的.NET GridView直到第二次点击才更新

ASP.NET GridView inside UpdatePanel doesn't update until second click

本文关键字:第二次 更新 UpdatePanel 中的 NET GridView ASP      更新时间:2023-09-26

我在网上寻找答案,但我没有找到任何答案。我有一个GridView在一个UpdatePanel和一个链接按钮列显示一些细节在一个引导模式。我有一个问题,当用户点击LinkButton时,事件OnClick不会触发,所以,为了解决这个问题,我在Javascript中创建了一个函数,只导致点击另一个LinkButton来触发OnClick事件。

现在它工作得很好,但没有任何变化,直到第二次点击

ASP。NET代码

<asp:UpdatePanel ID="upContent" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <table align="center">
            <tr>
                <td>
                    <asp:GridView ID="grvOrderTracing" runat="server" EmptyDataText="There are no pending orders for the selected date" AutoGenerateColumns="False" DataSourceID="SqlDTSgetOrdersByDate" CssClass="table table-striped table-hover table-responsive" GridLines="None" AllowPaging="True" PageSize="8" >
                        <PagerStyle CssClass="pagination-ys" />
                        <Columns>
                            <asp:BoundField DataField="Order ID" HeaderText="Order ID" SortExpression="Order ID" >
                                <ControlStyle CssClass="hide" />
                                <FooterStyle CssClass="hide" />
                                <HeaderStyle CssClass="hide" />
                                <ItemStyle CssClass="hide" />
                            </asp:BoundField>
                            <asp:TemplateField HeaderText="Order Number">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lbtShowMoreInfo" runat="server" data-toggle="modal" data-target="#showLog" CommandName="OrderID" Text='<%# Bind("[Order Number]") %>' style="cursor: pointer; font-weight: bold;" OnClientClick="ActivityLog(this);">
                                    </asp:LinkButton>
                                    <asp:LinkButton ID="lbtActivityLog" runat="server" CommandName="OrderID" CssClass="hide" OnClick="ActivityLog_Click" Text='<%# Bind("[Order ID]") %>' ></asp:LinkButton>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                    <asp:SqlDataSource ID="SqlDTSgetOrdersByDate" runat="server" ConnectionString="<%$ ConnectionStrings:DefaultConnection %>" SelectCommand="sp_getOrdersByDate" SelectCommandType="StoredProcedure" CancelSelectOnNullParameter="False">
                        <SelectParameters>
                            <asp:Parameter DefaultValue="0" Name="filter" Type="Int32" />
                            <asp:Parameter Name="startDate" Type="String" />
                            <asp:Parameter Name="endDate" Type="String" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                </td>
            </tr>
        </table>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="upLog" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <!-- Modal -->
        <div id="showLog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg" >
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                         <h4 class="modal-title" id="myModalLabel">Orden Log</h4>
                    </div>
                    <div class="modal-body">
                        <asp:GridView ID="grvLog" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDTSgetTracing" CssClass="table table-striped table-hover table-responsive" GridLines="None" >
                            <Columns>
                                <asp:BoundField DataField="Movement Date" HeaderText="Movement Date" SortExpression="Movement Date" ReadOnly="true" DataFormatString="{0:dd/MM/yyyy HH:mm}" />
                                <asp:BoundField DataField="User" HeaderText="User" SortExpression="User" ReadOnly="true" />
                                <asp:BoundField DataField="Action" HeaderText="Action" SortExpression="Action" ReadOnly="true" />
                                <asp:BoundField DataField="Comments" HeaderText="Comments" SortExpression="Comments"/>
                             </Columns>
                         </asp:GridView>
                         <asp:SqlDataSource ID="SqlDTSgetTracing" runat="server" ConnectionString="<%$ ConnectionStrings:DefaultConnection %>" SelectCommand="sp_getTracing" SelectCommandType="StoredProcedure">
                             <SelectParameters>
                                 <asp:Parameter  DefaultValue="0" Name="ord_id" Type="Int32"/>
                             </SelectParameters>
                         </asp:SqlDataSource>
                     </div>
                 </div>
             </div>
         </div>
     </ContentTemplate>
</asp:UpdatePanel>
Javascript代码

function ActivityLog(lbt) {
    lbt.nextSibling.nextSibling.click(); //Find the other LinkButton and click
}

c#代码
protected void ActivityLog_Click(object sender, EventArgs e)
{
    SqlDTSgetTracing.SelectParameters["ord_id"].DefaultValue = ((LinkButton)sender).Text;
    SqlDTSgetTracing.Select(DataSourceSelectArguments.Empty);
    grvLog.DataBind();
    upLog.Update();
}

第一次点击

第二次点击

点击两次后,现在数据显示在GridView中。

我想从第一次点击数据显示在GridView

我认为您可能希望将return false;附加到OnClientClick的末尾,以防止该控件的其余单击事件(由ASP编写)。NET为您)运行。这将确保只有您关心的LinkButton将回发。

OnClientClick="ActivityLog(this);return false;"

不确定这是否会解决需要点击两次或不,但也许!