问题描述
我在更新面板中有一个列表框.当我向下滚动并选择一个项目时,它会滚动回列表框的顶部.我听说 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?
谢谢,赛软
推荐答案
您遇到了这个问题,因为 UpdatePanel 完全替换了滚动的 <select> 元素当异步请求返回时使用一个新的.
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.
可能的解决方案:
使用 JavaScript 将
元素的scrollTop属性存储在UpdatePanel之前的隐藏表单元素中提交(通过调用ClientScriptManager.RegisterOnSubmitStatement方法),然后在 AJAX 调用返回时将其设置在新的上.这会很乏味、容易出错,而且可能不太兼容(请参阅 这里).
Use JavaScript to store the
scrollTopproperty of the<select>element in a hidden form element before theUpdatePanelis submitted (by calling theClientScriptManager.RegisterOnSubmitStatementmethod) 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 存储 <select> 的 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.
不要't 使用 UpdatePanels.试试 jQuery + ASP.NET 页面方法.
这篇关于在更新面板的列表框中保持滚动位置,而不是页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!


大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)