Question

我正在处理包含多个更新面板的页面。我通常设置updatemode='conditional'，但如果我更新其中一个更新面板中的数据，我必须更新所有其他更新面板，否则在firebug的控制台窗口中出现错误并且页面挂起，我该怎么做才能解决这个问题？

有关此问题的更多详细信息，上图显示了一个包含两个更新面板的简单页面。
updatepanel1中updatemode='conditional'的第一次网格视图。
页面的其余部分位于updatepanel2 updatemode='conditional'。
方案如下：用户从第一个gridview中选择一天，然后在jquery中使用
__doPostBack('btnRefresh', '');来获取数据以填充第二个gridview。
注意：第二个更新面板中存在id="btnRefresh"按钮。
请帮帮我。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Appointments.aspx.cs" Inherits="Appointments" %>

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`enter code here`
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title></title>
            <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
            <script src="js/FQuery.js" type="text/javascript"></script>
            <link href="style/style-en.css" rel="stylesheet" type="text/css" />
            <link href="style/ModalStyle-mini.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript">
                var cells;
                var isAdd = 1;
                $(document).ready(function () {
                    DoWork();
                    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(requestHandler);

                });
                function requestHandler(sender, args) {
                    DoWork();
                }
                function DoWork() {

                    $("#gvDays .row").click(function () {
                        $("#gvDays .row").removeClass("darkblue");
                        $(this).addClass("darkblue");
                        $("#txtPeriod").val("");
                        $("#txtDay_det_id").val("");
                        cells = $(this).find("td");
                        $("#txtDay_id").val($(cells[0]).text());
                        __doPostBack('btnRefresh', '');
                    });

                    $("#gvDayDet .row").click(function () {
                        $("#gvDayDet .row").removeClass("darkblue");
                        $(this).addClass("darkblue");
                        cells = $(this).find("td");
                        $("#txtDay_det_id").val($(cells[0]).text());
                        $("#txtTimeFrom").val($(cells[2]).text());
                        $("#txtTimeTo").val($(cells[3]).text());
                        $("#txtPeriod").val($(cells[4]).text());
                        __doPostBack('btnDaysDet', '');
                    });
                };
            </script>
        </head>
        <body>
            <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">
            </asp:ScriptManager>

            <div id="catNewsTab">
                <asp:UpdatePanel runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                <asp:GridView ID="gvDays" runat="server" AutoGenerateColumns="false">
                    <Columns>
                        <asp:BoundField DataField="day_id" HeaderText="Day No." />
                        <asp:BoundField DataField="day_name" HeaderText="Day Name" />
                    </Columns>
                    <HeaderStyle CssClass="gray" />
                    <RowStyle CssClass="blue1 row" />
                    <SelectedRowStyle CssClass="darkblue row" />
                </asp:GridView>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
            <asp:UpdatePanel ID="upDaysDet" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <div>
                        <asp:Button ID="btnSaveDayDet" Text="Save" runat="server" OnClick="btnSaveDayDet_Click" />
                        <asp:Button ID="btnUpdateDayDet" Text="Update" runat="server" OnClick="btnUpdateDayDet_Click" />
                        <asp:Button ID="btnDeleteDayDet" Text="Delete" runat="server" OnClick="btnDeleteDayDet_Click" />
                        <asp:TextBox ID="txtDay_id" runat="server" CssClass="hide" />
                        <asp:Button ID="btnRefresh" runat="server" CssClass="hide" OnClick="btnRefresh_Click" />
     <asp:Button ID="btnDaysDet" runat="server" CssClass="hide" OnClick="btnDaysDet_Click" />
                    </div>
                    <div style="height: 326px;" class="scroll scrollsmall">
                        <asp:GridView ID="gvDayDet" runat="server" AutoGenerateColumns="false" EmptyDataText="No Results Found">
                            <Columns>
                                <asp:BoundField DataField="day_det_id" HeaderText="day_det_id" />
                                <asp:BoundField DataField="day_id" HeaderText="day_id" />
                                <asp:BoundField DataField="time_from" HeaderText="time_from" />
                                <asp:BoundField DataField="time_to" HeaderText="time_to" />
                            </Columns>
                            <HeaderStyle CssClass="gray" />
                            <RowStyle CssClass="blue1 row" />
                            <SelectedRowStyle CssClass="darkblue row" />
                            <EmptyDataRowStyle CssClass="empty" />
                        </asp:GridView>
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>
            </form>
        </body>
</html>

Answer 1

你有没有理由在后面的代码中使用jQuery作为PostBack而不是'click'事件？如果“刷新”按钮位于第二个UpdatePanel中，并且它的唯一目的是在同一个UpdatePanel中更新GridView，那么您不需要指定AsyncPostBackTrigger。

希望这会有所帮助。如果没有，示例代码将有助于提供有关该问题的更多信息。

Answer 2

我可能误解了这个问题，但您可以从后面的代码中调用UpdatePanel1.Update()。在代码隐藏的OnClick事件（.vb文件）中，您应该能够在每个更新面板上显式调用update：

UpdatePanel1.Update()
UpdatePanel2.Update()

...

这是否回答了你的问题？

多个更新面板的问题

2 个答案: