如何解决Extjs经典网格面板滚动
Extjs 6.2.0
拥有此面板
Ext.create('Ext.grid.Panel',{
region: 'center',padding: 5,reserveScrollbar: false,scrollable: true,columnLines: false,rowLines: false,disableSelection: true,viewConfig: {
stripeRows: false,trackOver: false,preserveScrollOnRefresh: true
},store: 'chatmessagesstore',hideHeaders: true,.....
和一列带有渲染器
Ext.form.Panel中具有布局边框的网格。和Ext.form.Panel在具有布局FIT的窗口中。 商店是MemoryStore
我添加要存储的记录,然后将其显示在网格中。 但是,如果我再添加50条记录来存储,我会在网格底部看到空白。 在上一个Chrome浏览器中,我看到空白。在上一个“ Sputnik”浏览器(俄语)中,我看不到空格
我认为滚动条计算错误。但是如何解决? 我的头坏了)
解决方法
在网格中将bufferedRenderer属性设置为false。
...
...
/**
* Create chat box
*
* @return {Ext.grid.Panel}
*/
createChatBox: function () {
var me = this;
if (!me.chatBox) {
console.log('creating');
this.chatBox = Ext.create('Ext.grid.Panel',{
region: 'center',padding: 5,reserveScrollbar: false,scrollable: true,columnLines: false,rowLines: false,disableSelection: true,bufferedRenderer: false,// SET IT TO FALSE
viewConfig: {
stripeRows: false,trackOver: false,preserveScrollOnRefresh: true
},store: 'chatmessagesstore',hideHeaders: true,columns: [{
...
...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。