首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在updatepanels而不是页面中保持列表框中的滚动位置

在UpdatePanel中保持列表框中的滚动位置,可以通过在服务器端保存滚动位置并在客户端重新加载时恢复滚动位置来实现。以下是一个简单的示例:

  1. 在服务器端,创建一个变量来保存滚动位置,例如:
代码语言:csharp
复制
private int scrollPosition;
  1. 在服务器端,创建一个方法来保存滚动位置,例如:
代码语言:csharp
复制
private void SaveScrollPosition(int position)
{
    scrollPosition = position;
}
  1. 在服务器端,创建一个方法来获取滚动位置,例如:
代码语言:csharp
复制
private int GetScrollPosition()
{
    return scrollPosition;
}
  1. 在客户端,在UpdatePanel的更新方法中,保存滚动位置并在更新完成后恢复滚动位置。例如:
代码语言:javascript
复制
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(beginRequest);
prm.add_endRequest(endRequest);

function beginRequest() {
    var listBox = document.getElementById("<%= ListBox1.ClientID %>");
    var scrollPosition = listBox.scrollTop;
    SaveScrollPosition(scrollPosition);
}

function endRequest() {
    var listBox = document.getElementById("<%= ListBox1.ClientID %>");
    var scrollPosition = GetScrollPosition();
    listBox.scrollTop = scrollPosition;
}

这样,在UpdatePanel中更新列表框时,滚动位置将被保存并恢复。请注意,这只是一个简单的示例,实际应用中可能需要更复杂的逻辑来处理滚动位置的保存和恢复。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

getBoundingClientRect方法获取元素在页面中的相对位置

获取元素位置可以用 offset 或 getBoundingClientRect,使用 offset 因为兼容性不好,比较麻烦,offset获取位置会形成“回溯”。...而 getBoundingClientRect 方法则 兼容性较好,基本所有的浏览器都支持了,且使用起来更容易和简单。...2.在IE8及以下的浏览器中,返回值对象包含的属性值有: top::元素上边缘距离文档顶部的距离; right: 元素右边缘距离文档左边的距离; bottom:元素下边缘距离文档顶部的距离; left:...元素左边缘距离文档左边的距离; 3.在IE9以上、谷歌、火狐等浏览器中,返回值对象包含的属性值有: top: 元素上边缘距离文档顶部的距离; right:元素右边缘距离文档左边的距离; bottom:元素下边缘距离文档顶部的距离...width 和 height 属性的解决方法: 在IE8及以下浏览器中,可以通过计算得到元素的宽和高: 如: var dom = document.querySelector("#demo"), r

3.9K20

如何优雅的在SpringBoot中编写选择分支,而不是大量if else?

一、需求背景 部门通常指的是在一个组织或企业中组成的若干人员,他们共同从事某一特定工作,完成共同的任务和目标。...在组织或企业中,部门通常是按照职能、工作性质或业务范畴等因素进行划分的,如财务部门、人力资源部门、市场部门等。...但在开发过程中,如果不建立数据表,则需要用选择结构进行判断赋值,所以就产生了大量的 if-else 代码。 本文的目标,就是消除这些 if-else 代码,用更高级的方法来实现!...三、基础工作 同学们在创建完成项目之后,在 cn.zwz.entity 新建一个 User 员工类,如下图所示。 在员工类中定义 部门编号 和 姓名 两个字段,代码如下。...同学们在开发自己的商业订单时,可以采取这个方案来处理大量的选择逻辑。

23120
  • MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件「建议收藏」

    最终我们点击标签切换页面时, 切换的不是控件的组合,而是对话框。...,这种显示方式 的特点是整洁、直观,在实际应用中能为用户带来方便。...我们可 以拖动滚动条,也可以用鼠标点击滚动条某一位置使滚动块 移动。从滚动条的创建形式来分,有标准滚动条和滚动条控件 两种。...像列表框和组合框设置了WS_HSCROLL或 WS_VSCROLL风格以后出现的滚动条,不是一个独立的窗 口,而是这些窗口的一部分,这就是标准滚动条。...而滚动条 空间是一个独立的窗口,它可以获得焦点,响应某些操作。

    2.6K10

    软件测试|软件测试|超好用超简单的Python GUI库——tkinter(八)

    Listbox控件列表框,即 Listbox。在使用 Tkinter 进行 GUI 编程的过程中,如果需要用户自己进行选择时就可以使用列表框控件。...列表框中的选项可以是多个条目,也可以是单个唯一条目,但常用于多个条目。...如果第一个参数是 "moveto",则第二个参数表示滚动到指定的位置:0.0 表示最左端,1.0 表示最右端;如果第一个参数是 "scroll",则第二个参数表示滚动的数量,第三个参数表示滚动的单位(可以是....指向一个 StringVar 类型的变量,该变量存放 Listbox 中所有的项目 2.在 StringVar 类型的变量中,用空格分隔每个项目,例如 var.set("c c++ java python...:图片除了上述使用 enumerate() 来实现选项插入的方法外,我们还可以使用 "end" 实现,它表示将选项插入到最后一个位置,所以“Java”一定会被插入到最后一个位置上,而之前的选项会依次向前排列

    2K10

    windows编程学习笔记(三)ListBox的使用方法

    列表框会拥有一个垂直滚动条 ,在列表框不能够显示所有项时显示。...一般父窗口通过向列表框发送消息来控制列表框的行为,而发送的消息一般有以下几种: LB_ADDFILE 添加文件 LB_ADDSTRING 添加字符串 LB_DELETESTRING 删除字符串 LB_DIR...LB_GETTEXT  获取指定项的字符串 LB_GETTEXTLEN 获得指定项字符串的长度 LB_GETTOPINDEX 获取列表框中显示的第一列的索引,当使用滚动条使显示内容发生变化时,这个索引也会发生改变...在多选模式下,设置给定索引值的矩形设置为焦点矩形,如果该值没有显示,那么滚动条将会自动滚动到相应行 LB_SETCOLUMNWIDTH 在多列模式下设置所有项的的列宽,使用这个消息必须保证列表框有LBS_MULTICOLUMN...LB_SETLOCALE 设置列表框的当前区域 LB_SETSEL 在多选模式下选中某一字符串 LB_SETTABSTOPS 设置TAB键停止的位置 LB_SETTOPINDEX 设置列表框中的某一项处于可见位置

    3.5K20

    Windows Phone 7 Application Controls

    该控件支持具有图像占位符的多行文本,其中图像占位符可以在控件边界的右边,也可以在控件边界的左边。 ? 列表项设计考虑 在使用列表框(List Box)控件时,才可以利用多点击目标。...Page Title 尽管页标题并不是一个有用的控件,在这里我们还是要讨论它。页标题控件用来清楚地显示该页内容的信息。 ? 程序设计时的考虑 页标题控件不支持滚动。...确保字体或者图片的颜色与整个背景相匹配,而且,标题的可视性不依赖于背景图片。 为了保持一致性体验,在Start菜单中的应用程序名称和该标题一致。 避免标题动画,或者动态改变标题的字体。...在列表或者网格内使用垂直滚动是可以接受的,但前提是它处于全景区域内,并且不同时与水平滚动出现。 只要全景区域的宽度小于屏幕的宽度,垂直滚动是可以接受的。 支持所有自定义控件和标准控件。...它们链接到全景以外的内容或者媒体。如下图所示,你应该使用剪裁的图像来强调一个主题,而不是一整张图片。如果图片没有文本标注,可以使用两行的文字来描述该内容。 ?

    1.6K70

    手机APP测试(测试点、测试流程、功能测试)

    安全性) 逆向:账号输入框对最大长度和格式应有校验(比如邮箱账号需要邮箱格式等) 逆向:账号或密码输入错误时建议提示“账号或密码错误”,而不是“账号错误”或“密码错误” 逆向:登陆后,页面中登陆信息是否正确...验证码有效期校验(超过有效期无法登录) 1.2.3 注册 表单编辑页面测试; 用户名密码长度; 注册后的提示页面; 前台注册页面和后台的管理页面数据是否一致 注册后,在后台管理系统中的页面提示以及数据库中的用户信息是否正常...6.组合列表框的测试   a,条目内容正确,其详细条目内容可以根据需求说明确定;   b,逐一执行列表框中每个条目的功能;   c,检查能否向组合列表框输入数据; 7....同组合列表框类似,根据需求说明书确定列表的各项内容正确,没有丢失或错误;   b,列表框的内容较多时要使用滚动条;   c,列表框允许多选时,要分别检查shift选中条目,按ctrl选中条目和直接用鼠标选中多项条目的情况...; 9.滚动条控件的测试   要注意一下几点:   a,滚动条的长度根据显示信息的长度或宽度及时变换,这样有利于用户了解显示信息的位置和百分比,如,word中浏览100页文档,浏览到50页时,滚动条位置应处于中间

    9.1K44

    一起学习设计模式--10.装饰模式

    由于在使用该构件库时,用户经常要求定制一些特殊的显示效果,如带滚动条的窗体、带黑色边框的文本框、既带滚动条又带黑色边框的列表框等,因此经常需要对该构件库进行扩展以增强功能。...上图中可以看出,不仅是窗体需要设置滚动条,文本框、列表框等都需要设置,因此在SrollBarWindow、SrollBarTextBox、SrollBarListBox等类中都需要包含用于增加滚动条的SetScrollBar...显然这不是一个好的设计方案,根本原因在于复用机制的不合理。如何让系统中的类可以进行扩展但是又不会导致类的数目急剧增加呢?根据合成复用原则,在实现功能复用时,要多用关联,少用继承。...尽量保持具体构件类 ConcreteComponent 是一个“轻”类。也就是说,不要把太多的行为放在具体构件类中,可以通过装饰类对其进行扩展。...这些对象的区别在于它们之间相互连接的方式有所不同,而不是它们的类或者属性值有所不同。大量小对象的产生势必会占用更多的系统资源,在一定程度上影响程序的性能。

    47530

    测试思想-系统测试 界面测试总结

    将完成相同或相近功能的元素(按钮,下拉框,滚动条,文本编辑框,复选框,单选按钮,列表框)用组框框选,并要有功能说明或标题。 3. 界面元素(如菜单元素)的图标能直观的代表要完成的操作。...滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。 11. 状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄。 12....按钮中: 可以根据系统需要而调节,以下只是常用的组合。...同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。 2. 选项数较少时使用选项框,相反使用下拉列表框 3. 界面空间较小时使用下拉框而不用选项框。 4....同时打开多个窗口,窗口之间是否有影响 界面测试的时候结合实际情况,有所取舍,自我创新,怎么样把上述细节融入于功能测试中,尽量减少“测试冗余”,我目前也不是有很好的想法,能想到的就是动静结合了,先观察,

    2.2K20

    软件易用性测试_易用性测试包含界面测试吗

    对于复杂的用户界面而言,最好提供界面“向导”,及时让用户知道自己在界面界面中所处的位置;例如对于基于web的应用软件,应该在界面上提示“当前位置”,否则用户很容易在众多的页面中迷失方向。...b:同一系统同一模块中 页面应保持与主体风格一致。 c:同一数据参数在不同模块中名称应该保持一致。 d:软件本身各版本之间的使用习惯和界面操作的承续性,尽量保证用户无需改变习惯。...d:在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停 的切换甚至最小化其他窗口 来显示该窗口下拉式菜单和鼠标操作。...d:界面空间较小时,使用下拉框而不用选项框。 e:选项数较少时使用选项框,而不用下拉列表框。 f:需用户选择的列表越短越好,如果很长,应适当分级显示。...l:当选项特别多时,可以采用列表框或下拉列表框。 m:对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无 限期的等待。 5.

    1.3K50

    设计模式的征途—10.装饰(Decorator)模式

    在软件设计中,也有一种类似于新房装修的技术可以对已有的功能进行扩展使之更加符合用户需求,从而使得对象具有更加强大的功能,这便是本次即将介绍的装饰模式。...,如窗体、文本框、列表框等等,由于在使用该构件库时,用户经常要求定制一些特殊的显示效果,例如带滚动条的窗体,带黑色边框的文本框,即带滚动条又带黑色边框的列表框等,因此经常需要对该构件库进行扩展以增强其功能...二、装饰模式概述 2.1 装饰模式简介   装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外的新行为,在现实生活中,这种情况也到处存在,例如一张照片,可以不改变照片本身,给它增加一个相框,使得它具有防潮的功能...(2)ConcreteComponent(具体构件):抽象构件的子类,用于定义具体的构件对象,实现了在抽象构件中声明的方法,装饰器可以给它增加额外的职责(方法)。   ...且在文章页面明显位置给出原文链接。

    48430

    C#学习笔记—— 常用控件说明及其属性、事件

    位于分组框中的所有控件随着分组框的移动而一起移动,随着分组框的删除而全部删除,分组框的Visible属性和Enabled属性也会影响到分组框中的所有控件。...(4)Items.Insert方法:用来在列表框中指定位置插入一个列表项,调用格式及功能如下。...当滑块 的位置值为最小值时,滑块移到水平滚动条的最左端位置,或移到垂直滚动条的顶端位置。 当滑块的位置值为最大值时,滑块移到水平滚动条的最右端位置或垂直滚动条的底端位置。...其 中 SmallChange属性用于控制当鼠标单击滚动条两边的箭头时,滑块滚动的值,即 Value属性 增加或减小的值。而LargeChange属性则控制当用鼠标直接单击滚动条时滑块滚动的值。...(6)KeyData 属性:以 Keys 枚举类型值返回键盘键的键码,并包含修改键信息,用于判断关于按下键盘键的所有信息。 (7)KeyValue属性:以整数形式返回键码,而不是Keys枚举类型值。

    9.9K20

    python苦短-爬取音乐

    解析的库 tkinter: tkinter是python中使用较多的GUI库,GUI是指的页面的控件操作,类似R中最基础的编辑器R-gui,它提供一些最基础的绘图工具,能够实现图形化按钮,文本框,有点VB...的味道,本文中使用到图形控件主要有 Button按钮控件:在程序中显示按钮。...text.see(END) # 更新 text.update() # 通过urlretrieve函数请求下载 urlretrieve(url,path) # 在文本控件中显示下载完成...界面不是很完美,主要是界面的大小设置问题,出现了许多没用的边框 进行下载 ? 输入框、下载按钮、退出按钮、列表框控件运行良好 下载结果 ?...在工作目录下,找到下载好的音乐 测试可听 通过音乐播放器测试,歌曲为完整的 ?

    1.4K30

    Python打包GUI界面组件汇总,Tkinter(TK)实例代码

    对比Tk和其它语言的绑定,比如 PerlTk ,是直接由 Tk 中的 C 库实现的。...Tkinter优缺点: 历史最悠久, Python 事实上的标准 GUI , Python 中使用 Tk GUI 工具集的标准接口,已经包括在标准的 Python Windows 安 装中,著名的 IDLE...(side=RIGHT,fill=Y) #设置滚动条为右边且竖向滚动 lb_show1=Listbox(master,fg='red',height=5,width=20) #创建需要滚动条的列表框 lb_show1...['yscrollcommand']=s_show.set #把滚动条对象赋给对象列表框属性 lb_show1.pack(side="right") #把滚动条的列表框定位(9)的右边(10) for...2 t1_show.pack() #在子窗体设置文本输入框1位置 t2_show.pack() #在子窗体设置文本输入框2位置 # ==================================

    6.9K21

    WEB入门之十五 属性和样式

    获取或设置元素相对于滚动条顶部的位置 scrollLeft ( ) 获取或设置元素相对于滚动条左端的位置 尺寸大小 height ( ) 获取或设置元素的高度 width ( ) 获取或设置元素的宽度...scorllLeft和scrollTop函数用来获取滚动条的偏移位置。下面我们使用这三个函数实现一个跟随滚动条滚动的图片,参考代码如下所示。...的具体位置,并通过scrollTop和scrollLeft函数获得了滚动条的偏移位置,通过简单计算即可实现跟随滚动条滚动的广告图片 如果需要通过offset函数设置元素的具体位置,可以参考上述代码中的最后一行...在document准备就绪前,这个值是null。 leadingWhitespace 检测在使用innerHTML的时候浏览器是否会保持前导空白字符,目前在IE 6—8中返回false。...,这些样式主要针对文本、背景色等,当在下拉列表框中选择不同的选项时,页面中的文字和背景应用不同的样式 实现步骤 (1) 实现图6.2.2所示的界面 (2) 在页面上定义几个类样式 (3) 当用户操作下拉列表框选择不同的选项时

    6010

    WEB入门之十五 属性和样式

    ( ) 获取或设置元素相对于滚动条顶部的位置 scrollLeft ( ) 获取或设置元素相对于滚动条左端的位置 尺寸大小 height ( ) 获取或设置元素的高度 width ( ) 获取或设置元素的宽度...scorllLeft和scrollTop函数用来获取滚动条的偏移位置。下面我们使用这三个函数实现一个跟随滚动条滚动的图片,参考代码如下所示。...的具体位置,并通过scrollTop和scrollLeft函数获得了滚动条的偏移位置,通过简单计算即可实现跟随滚动条滚动的广告图片 如果需要通过offset函数设置元素的具体位置,可以参考上述代码中的最后一行...在document准备就绪前,这个值是null。 leadingWhitespace 检测在使用innerHTML的时候浏览器是否会保持前导空白字符,目前在IE 6—8中返回false。...,这些样式主要针对文本、背景色等,当在下拉列表框中选择不同的选项时,页面中的文字和背景应用不同的样式 ​实现步骤​ (1) 实现图6.2.2所示的界面 (2) 在页面上定义几个类样式 (3) 当用户操作下拉列表框选择不同的选项时

    9310

    UI(用户界面)设计规则和规范

    4):界面要支持键盘自动浏览按钮功能,即按 Tab键的自动切换功能。 5):界面上首先应输入的和重要信息的控件在 Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。...7):分页界面要支持在页面间的快捷切换,常用组合快捷键 Ctrl+Tab 8):默认按钮要支持Enter 及选操作,即按Enter后自动执行默认按钮对应操作。...13):选项数相同时多用选项框而不用下拉列表框。 14):界面空间较小时使用下拉框而不用选项框。 15):选项数叫少时使用选项框,相反使用下拉列表框。...15):滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。 16):状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。...4:合理性: 屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。 合理性细则: 1):父窗体或主窗体的中心位置应该在对角线焦点附近。

    3.2K30

    【愚公系列】2023年11月 Winform控件专题 Panel控件详解

    欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素,它们可以用于创建Windows应用程序的各种视觉和交互组件,例如按钮、标签、文本框、下拉列表框、复选框、单选框、...比如,如果Panel控件的停靠方式为Top,则只允许Panel控件向下增加大小,而不允许向上或其他方向增加大小。这样可以保持Panel控件的位置不变,只增加高度或宽度。...在窗体上添加一个Panel控件,并设置控件的大小和位置。添加其他控件(例如按钮、标签、文本框等)到Panel中。...= Color.White; //设置Panel的背景颜色 panel1.AutoScroll = true; //启用Panel的自动滚动功能}在Panel中添加滚动条,以便用户可以滚动Panel....VerticalScroll.Value = e.NewValue; //将Panel的垂直滚动位置设置为滚动条的值}这是一个简单的使用Winform中Panel控件的完整案例。

    1.7K11

    测试点杂记,总有一点是你忘记的

    4)界面要支持键盘自动浏览按钮功能,即按Tab键、回车键的自动切换功能。5)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。...7)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab8)默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。...13)选项数相同时多用选项框而不用下拉列表框。14)界面空间较小时使用下拉框而不用选项框。15)选项数较少时使用选项框,相反使用下拉列表框。...15)滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。16)状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。...4.合理性屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。合理性细则:1)父窗体或主窗体的中心位置应该在对角线焦点附近。

    66810
    领券