防止页面在回发时滚动

Question

我正在使用母版页的ASP网站上工作。

我正在努力的页面结构如下：

<asp:UpdatePanel ID="MainUpdatePanel" runat="server">
<ContentTemplate>
  <asp:Panel ID="Panel3" runat="server" CssClass="Panel">
  <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
    <asp:Panel ID="gridpanel" runat="server" Visible="false" ClientIDMode="Static">
        <asp:GridView ID="grdCombinedTransactions" runat="server" PageSize="40" AllowPaging="True" AllowSorting="true" etc etc >
                <asp:TemplateField HeaderText="GL Account" >
                    <ItemTemplate>
                        <asp:TextBox ID="txtGLAccount" runat="server" Text='<%# Bind("GLAccount") %>' CssClass="txtGLAccount" OnTextChanged="txtGLAccount_TextChanged" AutoPostBack="true"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
        </asp:GridView>
    </asp:Panel>
  </ContentTemplate>
  </asp:UpdatePanel>
</asp:Panel>

MainUpdatePanel中还有其他带有其他updatepanel的面板，但这是我遇到问题的面板，尤其是GridView。

txtGLAccount字段在文本更改时会导致回发。 此PostBack滚动页面，以便txtGLAccount字段位于页面底部。

我想防止任何形式的滚动，因为此行为看起来“跳跃”，并且破坏了此页面的数据输入工作流程。

这可能吗？

谢谢！

Answer 1

您可以做两件事：

1. 在页面顶部的Page指令中，可以将MaintainScrollPositionOnPostback属性设置为true 。 这将导致页面在回发（无论是完整回发还是异步回发）后返回到相同的滚动位置

2. 您可以使用javascript手动将回发发布到服务，处理程序，甚至是页面方法。 使用jQuery插件来实现这一点很简单

最简单快捷的方法显然是选项1，因为您只需要打开上述标志即可。 但是，用户体验可能不是最好的，特别是如果这是一个很大的页面，则在收到来自服务器的响应或通过更新面板发出请求时，您可能会看到该页面冻结了一些。

选项2是迄今为止最好的选择，但是要进行设置以使客户端与服务器进行通信需要付出一些努力。 回传对用户是如此透明，以至于您可能会认为如果没有对用户的可见反馈（例如“正在加载”和/或“成功”消息），则什么也没发生

Answer 2

您是否尝试过将触发器用于更新面板？ （AsyncPostBackTrigger）

签出： AsyncPostBackTrigger和PostBackTrigger有什么区别？

您还可以使用Page.MaintainScrollPositionOnPostBack属性，但是您可能希望异步调用来阻止页面“跳转”，因为这只会将窗口滚动到回发时的位置。