保持在列表框的UpdatePanel滚动位置，而不是页面 [英] Maintain scroll position in listboxes in updatepanels, NOT the page

问题描述

我有一个更新面板内的列表框。当我向下滚动并选择一个项目，它向后滚动到列表框的顶部。听说DOM不跟踪回发滚动位置的。有没有人对如何解决这个问题的解决方案/例子吗？

I have a listbox inside an update panel. When I scroll down and select an item, it scrolls back to the top of the listbox. I heard that the dom does not keep track of the scroll position on a postback. Does anyone have a solution/example on how to solve this?

谢谢，
XaiSoft

Thanks, XaiSoft

推荐答案

您正在运行到这个问题，因为的UpdatePanel 完全替代你的滚动 ＆LT;选择方式＆gt; 用一个新的元素时异步请求回来

You're running into this problem because the UpdatePanel completely replaces your scrolled <select> element with a new one when the asynchronous request comes back.

可能的解决方案：

选择＆GT;

1. 使用JavaScript来的＆LT的 scrollTop的属性存储元素在一个隐藏的表单之前元素的UpdatePanel 提交（通过调用 ClientScriptManager.RegisterOnSubmitStatement 方法），然后设置它在新的＆LT;选择＆GT; 当Ajax调用回来。这将是乏味的，容易出错，而且可能不是很兼容（见的这里）。

1. Use JavaScript to store the scrollTop property of the <select> element in a hidden form element before the UpdatePanel is submitted (by calling the ClientScriptManager.RegisterOnSubmitStatement method) and then setting it on the new <select> when the AJAX call comes back. This will be tedious, error-prone, and probably not very compatible (see here).

使用JavaScript来存储＆LT;选择＆GT; 的的selectedIndex 财产和重新选择的项目当Ajax调用回来。显然，如果用户没有选择任何事情，这将无法工作。

Use JavaScript to store the <select>'s selectedIndex property and re-select that item when the AJAX call comes back. Obviously this won't work if the user hasn't selected anything yet.

不要使用的UpdatePanel 取值 。尝试 jQuery的 +的 ASP.NET页面的方法，而不是

这篇关于保持在列表框的UpdatePanel滚动位置，而不是页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！