extjs5的grid垂直滚动条bug_ExtJS 6.2.1 Classic Grid 滚动条bug解决方案

如果列表同时存在横向滚动条和竖向滚动条，当竖向滚动条滚动到底部时

点击横向滚动条，滚动条会自动滚动到顶部

此bug未在其他版本发现，参考高版本代码重写类解决此bug，直接上代码：

/**

* 如果列表同时存在横向滚动条和竖向滚动条，当竖向滚动条滚动到底部时

* 点击横向滚动条，滚动条会自动滚动到顶部

* 6.2.1 bug修复

Ext.define('override.grid.NavigationModel', {

override: 'Ext.grid.NavigationModel',

//当列表被点击时

onContainerMouseDown: function (view, mousedownEvent) {

var me = this,

context = new Ext.grid.CellContext(view),

lastFocused,

position;

//执行Ext.grid.NavigationModel父类的同名方法

//执行此方法后如果点击的是滚动条view.lastFocused的值会变为scrollbar

//可以由此判断点击的是滚动条还是列表内容

//这样就能解决这个bug

me.callSuper([view, mousedownEvent]);

lastFocused = view.lastFocused;

position = (view.actionableMode && view.actionPosition) || lastFocused;

//判断点击的元素是否是滚动条，如果是则不做任何操作

if (!position || lastFocused === 'scrollbar') {

return;

}

context.setPosition(position.record, position.column);

mousedownEvent.position = context;

me.attachClosestCell(mousedownEvent);

// If we are not already on that position, set position there.

if (!me.position.isEqual(context)) {

me.setPosition(context, null, mousedownEvent);

}

});

extjs5的grid垂直滚动条bug_ExtJS 6.2.1 Classic Grid 滚动条bug解决方案相关推荐

easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条）
easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...
datagridview滚动条自动滚动_Win32编程基础之滚动条
(图片来源:游戏<ATRI> 通过使用滚动条,窗口可以显示比它大的文档或图片,用户可以滚动用户区中的数据对象来看到对象超出窗口边界的部分. 如果窗口的用户区比窗口的边框要大,窗口应该使用滚 ...
滚动条禁止_Axure 教程：不可见滚动条的页面滚动效果
在设计产品原型的过程中,经常会遇到这样的一种场景--所要展示的内容,超出了当前可视页面范围.遇到这种情况,通常使用Axure动态面板的滚动条设置来解决. 产品原型设计是产品经理每日或周期性必须经历的事 ...
滚动条css圆角兼容ie,ie浏览器滚动条样式修改
用css怎样定义IE滚动条的样式 .testDiv{ border-style:solid; border-width:50px; border-color:pink; position:absolu ...
extjs5的grid垂直滚动条bug_Extjs grid panel 滚动条失效的解决方法
之前用EXTJS的gridPanel组件的时候,因为经常对gridPanel中的stroe数据进行过滤,所以有时候总是导致gridPanel自身所带的scrollbar失效. 取个实例,EXTJS g ...
在给Ext2 Grid设置了autoHeight属性后，如何显示滚动条
最近开发一个项目使用了Ext2 Grid的GroupingView功能,本来认为非常好用,但是发现了一个问题:在设置了autoHeight的情况下连横向滚动条都不会显示出来了.大概看了看GridVie ...
vue 滚动条_轻量级 React.js 虚拟美化滚动条组件RScroll
前几天有给大家分享一个Vue自定义滚动条组件VScroll.今天再分享一个最新开发的React PC端模拟滚动条组件RScroll. vue+pc桌面端模拟滚动条组件VScroll rscroll 一 ...
js 隐藏滚动条_轻量级 React.js 虚拟美化滚动条组件RScroll
前几天有给大家分享一个Vue自定义滚动条组件VScroll.今天再分享一个最新开发的React PC端模拟滚动条组件RScroll. vue+pc桌面端模拟滚动条组件VScroll rscroll 一 ...
html页面消除横向滚动条,框架网页中去掉横向(水平)滚动条的方法
有的时候,我们可能需要在网页页面中嵌入框架页面,嵌入之后可能会由于框架页面中的页面过宽而会出现横向(水平)滚动条的现象,这样非常不便于浏览者的习惯,我们往往习惯于垂直滚动条,所以在这里向大家介绍一种框 ...

extjs5的grid垂直滚动条bug_ExtJS 6.2.1 Classic Grid 滚动条bug解决方案

extjs5的grid垂直滚动条bug_ExtJS 6.2.1 Classic Grid 滚动条bug解决方案相关推荐

最新文章

热门文章