列表框在自动回发时滚动到顶部

Question

为什么当自动回发打开时，asp.net 列表框在选择某个项目时总是滚动到顶部？我怎样才能防止这种情况发生？

Answer 1

你有几个选择。您可以在页面指令中将MaintainScrollPositionOnPostBack 设置为true，也可以将列表框放在更新面板中并使用AJAX 来维护滚动位置。

页面指​​令选项：

<pages maintainScrollPositionOnPostBack="true" />

更新面板选项：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:ListBox ID="ListBox1" runat="server" ...>
    </ContentTemplate>
</asp:UpdatePanel>

Answer 2

我在 javascript 中添加了以下 jquery 来解决该问题。我不记得在哪里找到了解决方案，但它就在这里。只需添加目标控件的位置 - $get('YourDiv_YourPanel')。

<script type="text/javascript">
    //Maintain scroll position in given element or control
    var xInputPanel, yInputPanel;
    var xProductPanel, yProductPanel;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) {
        yInputPanel = $get('MainContent_InputPanel').scrollTop;
        yProductPanel = $get('MainContent_ProductPanel').scrollTop;
    }
    function EndRequestHandler(sender, args) {
        $get('MainContent_InputPanel').scrollTop = yInputPanel;
        $get('MainContent_ProductPanel').scrollTop = yProductPanel;
    }
</script>

Answer 3

我遇到了同样的问题，我找到了一种使用更新面板来解决此问题的方法。我相信这是由于列表框在回发时更新，因此更新面板可以帮助我们确保它不会更新。确保列表框位于条件更新面板内，并将子项作为触发器设置为“false”：

 <asp:UpdatePanel runat="server" ID="updtpnlSearchResults" UpdateMode="Conditional" ChildrenAsTriggers="false">

现在，将列表框选择更改时需要更改的内容放入其自己的更新面板内。这样列表框就不会刷新。

Answer 4

您需要此页面指令：

<%@ Page MaintainScrollPositionOnPostback="true" ... %>