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

Ext 5.1.3网格在存储加载远程排序后不保留滚动条位置

Ext 5.1.3是一种前端开发框架,用于构建富客户端应用程序。它提供了丰富的UI组件和工具,使开发人员能够快速构建功能强大的Web应用程序。

网格是Ext框架中常用的组件之一,用于展示和编辑大量数据。在使用Ext 5.1.3的网格组件时,当进行存储加载远程排序操作后,滚动条位置不会被保留。

解决这个问题的一种方法是使用Ext提供的scrollTo方法。该方法可以将滚动条定位到指定的位置。在存储加载远程排序后,可以通过获取当前滚动条位置,然后在重新加载数据后使用scrollTo方法将滚动条恢复到之前的位置。

以下是一个示例代码片段,演示如何在存储加载远程排序后保留滚动条位置:

代码语言:javascript
复制
// 获取当前滚动条位置
var scrollTop = grid.getView().getScrollY();

// 重新加载数据
store.load({
    params: {
        sort: 'columnName',
        dir: 'ASC'
    },
    callback: function(records, operation, success) {
        // 数据加载完成后,恢复滚动条位置
        grid.getView().scrollTo('top', scrollTop);
    }
});

在这个示例中,grid是网格组件的实例,store是网格组件所使用的数据存储。首先,通过grid.getView().getScrollY()方法获取当前滚动条位置。然后,使用store.load()方法重新加载数据,并在回调函数中使用grid.getView().scrollTo()方法将滚动条恢复到之前的位置。

推荐的腾讯云相关产品和产品介绍链接地址:

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

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

相关·内容

Adobe dreamweaver CS6小白入门教程「建议收藏」

导航栏->编辑->首选参数,这里有很多操作可以自行.. 5.1.2直接插入多个连续空格 5.1.3设置是否显示不可见元素 视图中有一些元素仅用来标志元素的位置而在浏览器中是不可见,..... 5.2在网页中插入各种元素 5.2.1.插入–HTML–特殊字符 5.2.2.查看–网格设置/ 标尺… 5.2.3.创建/修改项目列表和编号列表 5.3插入网页头部内容 位置...(属性–链接输入“#”) 7.6管理超链接 7.6.1.自动更新链接: 编辑–首选参数–分类–常规 7.6.2.站点范围内更改链接 7.6.3.检查站点中的链接错误...visible可见(部分内容):hidden隐藏(部分内容):sceoll**滚动条**:auto超出范围的滚动条 左、上是距离页面边界的距离!...框架支持一组标准html、CSS、JavaScript编写可重用构件, 设置构件样式: 9.4.1.使用Spry菜单栏:一组可导航的菜单按钮 9.4.2.使用Spry选项卡式面板:显示或隐藏存储选项卡式面板中内容

7.2K30

180多个Web应用程序测试示例测试用例

2.验证错误消息应正确显示正确的位置。...结果网格的测试方案 1.如果页面加载符号花费的时间超过默认时间,则应显示页面加载符号。 2.检查是否所有搜索参数都用于获取结果网格中显示的数据。 3.结果总数应显示结果网格中。...4.用于搜索的搜索条件应显示结果网格中。 5.结果网格值应按默认列排序。 6.排序的列应显示一个排序图标。 7.结果网格应包括所有具有正确值的指定列。...12.重复的记录不应显示结果网格中。 13.检查所有列是否可见,并在必要时启用水平滚动条。 14.检查数据以获取动态列(其值是根据其他列值动态计算的列)。...检查这些特殊字符是否Excel文件中正确导出。 性能测试测试方案 1.检查页面加载时间是否可接受的范围内。 2.检查慢速连接上的页面加载

8.2K21
  • 学前端到了CSS阶段,你一定要掌握这9大防御式开发技能

    但是实际的应用中,数据是从后台加载而来,标题的字数就有可能过长,过长之后就会导致标题溢出折行的效果如下图,带来不好的体验。如果站在防御式编程的角度来思考,那我们就会提前把这种问题规避掉。...通常如果图片上有文字,设计师设计效果图时都会在图片和文字中间加上一层黑色的半透明遮罩层,这样即使图片加载不出来,也不影响文字的展示效果。...没有加scrollbar-gutter时,未出现滚动条和出现滚动条之间的差别加上scrollbar-gutter:stable;,出现滚动条和没有出现滚动,前后文字显示效果没有差异...,只有内容溢出时才显示*/ overflow-y: auto; /*预留好滚动条位置,必免引起重排*/ scrollbar-gutter: stable; }...那这个时候利用网格布局,使用auto-fill和auto-fit就会是两个完全不同的效果。auto-fill :网格的最大重复次数(正整数),如果有剩余空间,则会保留剩余空间,而不改变网格项目的宽度。

    1.8K00

    防御式CSS是什么?这几点属性重点防御!

    一个包装器上添加 display: flex,让子项挨着排序。 问题是,当空间不足时,那些子项默认不会被包裹成一个新的行。我们需要用 flex-wrap: wrap 来改变这一行为。...我们可以应用一种方法,CSS变量值因某种原因为空的情况下,以一种破坏体验的方式使用它们。 通过 JS 输入CSS变量的值时特别有用。...这个背景只有图片加载失败时才会显示出来。 12.小心CSS网格中的固定值 假设我们有一个包含aside和main的网格。...以前面的例子为例,当内容变长时,增加一个滚动条会导致布局的转移。布局移动发生的原因是为滚动条保留了一个空间。 Scrollbar Gutter 是内边框边缘和外填充边缘之间的空间。...当使用minmax()函数时,auto-fit关键字将扩展网格项目以填补可用空间。而auto-fill将保留可用的空间,而不改变网格项的宽度。

    4.4K30

    Java Swing JTable

    默认情况下,JTable将调整其宽度,从而不需要水平滚动条。要允许水平滚动条,请使用AUTO_RESIZE_OFF调用setAutoResizeMode(int)。...设计使用JTable的应用程序时,值得密切注意将代表表数据的数据结构。 DefaultTableModel是一个模型实现,它使用对象矢量向量存储单元格值。...示例区域中,展示了一种排序算法的演示,该算法正是使用此技术来插入另一个坐标系,该坐标系中行的顺序发生了变化,而不是列的顺序发生了变化。...,则JTable将根据排序模型保留选择和可变行高。...此添加方式适合表格行数确定,数据量较小,能一次性显示完的表格; 添加到JScrollPane滚动容器中,此添加方式不需要额外添加表头,jTable添加到jScrollPane中,表头自动添加到滚动容器的顶部

    5K10

    TDesign 更新周报(2022年6月第4周)

    filterable 配置,增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置Local: 增加日语和韩语语言包Table: fullRow参与排序...Bug FixesTable: 吸顶表头支持自定义滚动容器处理table部分SSR场景渲染失败的问题修复仅有firstFullRow渲染的问题修复paginationAffixedBottom 透传...Affix 参数生效修复 0.41.7 版本后过滤功能构建异常的问题修复 0.41.7 版本后过滤功能构建异常的问题Select: option数量小于threshold时不开启虚拟滚动单选下 valueType...: 修复 datepicker format 导致的高亮问题TimePicker: 修复 datepicker 中混用 不保留修改结果二次打开的异常TimePicker: 修复部分情况下由于 allowInput...FeaturesSpace: 新增 Space 组件taginput: excessTagsDisplayType 默认值更为 break-lineTable: firstFullRow参与排序Form

    1.2K20

    Meteor 分页包 alethes:pages 详解

    仅 subscribe 当前页需要的数据,并不是一次性 sub 所有数据 本地缓存,获取过的数据本地存储,避免返回时重新获取 加载当前页过程中,预取下一页的数据,确保下一页的时候无缝过度 多个集合产生一个分页数据...}, // 分页最外部的 div class 名 divWrapper: 'row', // 是否启用滚动分页(瀑布流) infinite: true, // 滚动条加载到什么位置加载下一组分页数据...第一个问题就是滚动条滚动到 0.8 的位置,数据不会自动继续加载。...修正了第一个问题,随后出现的问题时滚动条并非到 0.8 的位置加载数据,而是我滚动条只要一动,下一页的数据就自动加载出来了,这样明显不对。...我得出判断,第一个问题时由于我们页面中有一个很大的 div 当作 body 来用,滚动的时候实际时 div 的滚动条滚动,而 body 的滚动条一直 0 的位置,所以无论你看到的 div 的滚动条滚动到了哪里

    20620

    【软件开发规范七】《Android UI设计规范》

    以下情况考虑使用卡片: 同时展现多种不同内容 卡片内容之间不需要进行比较 包含了长度不确定的内容,比如评论 包含丰富的内容与操作项,比如赞、滚动条、评论 本该是列表,但文字超过3行 本该是网格,但需要展现更多文字...网格只能垂直滚动。单个瓦片不支持滑动手势,也鼓励使用拖放操作。 网格中的单元格间距是2dp或8dp。 列表(Lists) ​编辑 列表作为一个单一的连续元素来以垂直排列的方式显示多行条目。...编辑 ​编辑 靠近屏幕边缘时,位置可适当错开。 ​编辑 菜单过长时,需要显示滚动条。 ​编辑 菜单从当前选项固定位置展开,不要跟随点击位置改变。 ​...它们可以是单行的,带或不带滚动条,也可以是多行的,并且带有一个图标。点击文本框显示光标,并自动显示键盘。...抽屉收起时,会保留之前的滚动位置。 ​编辑 ​编辑 列表较短不需要滚动时,设置和帮助反馈跟随列表后面。 ​

    5K20

    extjs 基础部分

    getScrollBarWidth     获取滚动条宽度       语法: Ext.getScrollBarWidth([force])       force 的作用是强迫重新计算滚动条宽度,该方法返回滚动条的宽度...表示要转型为数组的数据;          start 是可选参数,为数字值,表示转换的开始位置,end 表示转换 的结束位置,该方法返回转换的数组。   ...6.sort     对数组中的元素进行排序。       ...选择包含在标记E 中的直接子标记F       语法: Ext.query("E >F")     5.选择在所有紧跟在元素E 的元素F       语法: Ext.query("E+F")     ...1.等待函数执行,页面加载完毕等带 3秒弹出提示。

    5.4K100

    【交互探讨】无限滚动还是分页展示,这是个问题!

    如果我们既想保留分页的好处,同时还想避免无限滚动给用户带来的不堪重负,我们可以使用“加载更多”模式来代替。使用这种模式,可以让用户开始时滚动,最终他们可以选择点击按钮来加载更多项目。...一旦用户点击“稍后继续”,我们可以显示一个复选标记并将位置存储浏览器中,或者模态弹窗中让用户留下邮箱地址。 当用户点击稍后继续浏览时出现的弹窗。一个基于 Crutchfield UI 的模型。...这将告诉用户他们当前的位置,以及他们可以跳转到哪里。当用户继续向下滚动时,标签会随着滚动条的增长而变化,还可以根据用户选择的对项目进行排序的任何条件进行使用。...如果用户按价格排序,我们可以滚动条旁边显示动态的价格标签。图片来源:Baymard研究所。...考虑使用“加载更多”+无限滚动一起。 考虑使用分页+无限滚动一起。 加载新项目时更改URL,并将其公开给用户。 允许用户跳转到带有分页下拉列表的任何页面。 考虑使用滚动条范围间隔。

    3.2K20

    pcl的使用基础,python-pcl安装

    option开关with_docs true,生成html文档 PCD width、height绘制的网格中,height>1有序点云,height==1无序点云 sensor_origin_ 中心点...sensor_orientation_ 模型矩阵 point类型(体素类型),不同类型的点数据,加载出来的图像不同 PointXYZ 常用无色点云数据 PointXYZI i表示强度(intensity...),距离越近强度越高 PointXYZRGB RGB颜色使用float存储,彩色点云 filed:concatenateFields拼接点云的数据坐标和法线数据等 PointCloud–>PointCloudNormal...,通过SACSegmentation循环去掉平面,然后欧几里得聚类算法分类识别物体) pcl::ExtractIndicesext; ext.setInputCloud...(sor_cloud); ext.setIndices(inliner); ext.setNegative(true); //删除目标点云或保留 ext.filter(*ext_cloud_rest

    2.4K20

    Ext JS 教程-ExtJS 4中的数据包(Package)

    设置一个存储并且加载它的数据是简单那的: Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax...内联数据 存储也可以加载内联数据。...存储能够本地排序,过滤和分组数据,也支持远程排序,过滤和分组数据: Ext.create('Ext.data.Store', { model: 'User', sorters:...在任何时候使用存储的API进行排序,过滤盒分组都是容易的。见Sorting Grouping Filtering 实例是一个生动的demo。 代理 代理被存储用来控制加载和保存模型的数据。...配置你模型的代理在任何地方加载数据是很容易的,并且他们的阅读器可以处理任何回应(response)形式。使用ExtJS 3,模型和存储框架的许多的组件如Grid,Tree和Form被用到。

    1.2K20

    爬虫系列(9)爬虫的多线程理论以及动态数据的获取方法。

    建议你用这个,不过还是介绍下了,如果想看可以看看下面,不想浪费时间直接看 2....NO·3 Selenium 处理滚动条 Selenium 处理滚动条 selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了   当页面上的元素超过一屏,想操作屏幕下方的元素...的值,来定位右侧滚动条位置,0是最上面,10000是最底部 以上方法Firefox和IE浏览器上上是可以的,但是用Chrome浏览器,发现不管用。...(一般屏幕最大化,左右滚动的情况已经很少见了) 2.2 通过左边控制横向和纵向滚动条scrollTo(x, y) js = "window.scrollTo(100,400)" driver.execute_script...(js) 三.元素聚焦 虽然用上面的方法可以解决拖动滚动条位置问题,但是有时候无法确定我需要操作的元素什么位置,有可能每次打开的页面不一样,元素所在的位置也不一样,怎么办呢?

    2.4K30

    低调的 Linux 文件系统家族

    VFS 对高层进程和应用程序隐藏了 Linux 支持的所有文件系统的区别,以及文件系统是存储本地设备,还是需要通过网络访问远程设备。设备和其他特殊文件和 VFS 层相关联。...Linux 虚拟文件系统 为了能够使应用程序能够不同类型的本地或者远程设备上的文件系统进行交互,因为 Linux 当中文件系统千奇百种,比较常见的有 EXT3、EXT4,还有基于内存的 ramfs、...尽管如此,一个文件系统能够从 ext2 文件系统上卸载成功的挂载到 ext4 文件系统上,并提供合适的日志记录。 日志是作为循环缓冲区管理的文件。日志可以存储与主文件系统相同或者不同的设备上。...一个事务中的日志记录是连续存储的。只有在所有的变更一起应用到磁盘,日志记录才能够被丢弃。...由于为每个磁盘写出日志的开销会很大,所以 ext4 可以配置为保留所有磁盘更改的日志,或者仅仅保留与文件系统元数据相关的日志更改。仅仅记录元数据可以减少系统开销,提升性能,但不能保证不会损坏文件数据。

    1K41

    交友系统设计:哪种地理空间邻近算法更快?

    1、需求分析 Liao 的客户端是一个移动 App,用户打开 App ,上传、编辑自己的基本信息,然后系统(推荐算法)根据其地理位置和个人信息,为其推荐位置邻近的用户。...因此,我们可以将全球用户分配在这样一个 4 叉树网格结构中,所有的用户都必然在这个4 叉树的叶子节点中,而且每个节点内包含的用户数超过 500 个。...经、纬度数字的不同精度,意味着经、纬度的误差范围,比如保留经、纬度到小数点第1 位,那么误差范围最大可能会达到 11 公里(赤道附近)。...但是 Redis 中,需要面对更通用的地理位置计算场景,所以 Redis中的 GeoHash 并没有用 Hash 表存储,而是用跳表存储。...事实上,所谓的 Z 阶曲线布局,本质其实就是基于 GeoHash 的二进制排序。将这些经过编码的 2 进制数据用跳表存储。查找用户的时候,可以快速找到该用户,沿着跳表前后检索,得到的就是邻近的用户。

    21410

    非样式布局

    css,远程css中已经包含了字体的定义,然后 直接引用 css中包含的字体。...* 滚动行为 和 滚动条的显示/隐藏 visible: 内容撑出容器 内容全部显示 hidden:超出容器的部分 进行隐藏,不会显示超出的部分 scroll:内容超出容器,允许滚动...显示其余部分,滚动条 始终显示 auto:内容超出容器,允许滚动 显示其余部分,滚动时 才显示滚动条。...- 是否保留单词:当行尾的单词很长时,如果 保留单词(单词 不换行进行显示),不保留(单词打断 换行进行显示) * word-break 针对多字节文字(把单词看做一个单位,还是把字母看作一个单位)...important 优先级最高 内联样式 > 外部css表单 写的优先级高 * 雪碧图的作用 把不同的图标合并到一张图上,减少http请求次数 提高页面加载性能。

    1.8K20

    Material Design —卡片(Cards)

    按钮或评论 ·在网格列表中,但需要显示更多内容来补充图像 ?...例如,将主要内容放置卡的顶部,或使用排版来强调最重要的内容。 图像可以强化卡片中的其他内容。 但是,它们卡内的大小和位置取决于图像是主要内容还是用于补充卡片上的其他内容。...背景图像 当文字放置纯色背景上时,文字清晰度最高,且文字对比度足够高。 放置图像背景上的文本应该保留文本的易读性。 ? 左:不同布局的卡片    右:排版方式能突出重点内容 ?...但要考虑筛选或排序是否会更好地组织内容。 卡片集合的筛选和分类 卡片收藏可按照日期,文件大小,字母顺序或其他参数进行排序或筛选。 集合中的第一个项目位于左上角 顺序从左到右,从上到下进行 ?...左:卡片可留有展开入口    右:手机端不要在卡片内放置可滚动区域,会存在两条很难分开的滚动条 ?

    4.3K100

    TDesign 更新周报(2022年6月第3周)

    Bug FixesTable:修复 table 透传 loading size 为枚举无效的问题优化吸顶和吸底的位置,支持带有 offsetBottom 和 offsetTop 特性的位置定位Select...:修复 t-option 异步加载问题修复分组为空未展示分组名称的问题优化虚拟滚动示例、修复 pagination 分页数量宽度问题Dialog:修复普通对话框不脱离文档流的问题修复点击对话框对话框会隐藏问题修复...TimePicker:重构TimePicker为 compositionAPI,全新的UI样式及交互,disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值...APISelect:增加 select 的键盘选中交互Pagination:增加pageEllipsisMode API, 用于配置页码数量超出时,首尾省略模式Skeleton:增加 delay API 用于延迟加载...releases/tag/0.16.0React for Web 发布 0.35.1Featurestable: 支持拖拽调整宽度,设置 resizable=true 即可table: 表头吸顶、表尾吸底、滚动条吸底

    3K10

    Unity HLOD System

    2.合并的网格 网格每生成一层就会多一倍以上磁盘大小,如果重复的模型多了,那么合并网格磁盘大小将会成倍增加,合并网格如下图所示。...例如:(300*300M场景),原始网格6M磁盘空间,合并原始网格两层多出20M空间(fbx)。...2.6 HLOD CULL系统 1.如何工作 当上述步骤做好BVH的根节点上会有个HLOD CULL脚本,用于控制当前管理的HLOD的切换。...缺点:不可保证模型常在视区,加载的模型内存大可能会出现闪烁现象。 3.3 流式加载距离缓冲设计 经常会出现玩家加载边沿处来回走动,这会造成资源不断的来回装卸,因此加入距离缓冲策列。...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2K30
    领券