2011-06-28 50 views
1

你好,我的网格上滚动有问题。
下面是代码(没有什么花哨或特殊在它)extjs在网格面板上的滚动问题

Ext.define('grid.list',{ 
    alias:'widget.grid.list', 
    extend: 'Ext.grid.Panel', 
    title: 'list', 
    frame:true, 
    width:325, 
    store: new axs.dry.cargo.data.store.list, 
    queryMode: 'remote', 
    style:{ 
     cursor: 'default' 
    }, 
    viewConfig: { 
     autoScroll: true 
    }, 
    features:[Ext.create('Ext.grid.feature.Grouping',{ 
     groupHeaderTpl: '{name}' 
    })], 
    columns: [ 
    { 
     text: 'Name', 
     flex: true, 
     dataIndex: 'name', 
     sortable: false 
    } 
    ], 
    initComponent:function(){ 
     this.on('beforerender',function(){ 
      this.store.load(); 
     }); 
     grid.list.superclass.initComponent.apply(this,arguments) 
    } 
}) 

电网是好看,这个滚动条的显示但在滚动条ExtJS的产生是谁在做真正的问题一个DIV。由于该div我不能滚动条上点击因为透明DIV是在它....这里是这个没用DIV的

<div id="gridscroller-1032" class="x-component x-scroller x-scroller-vertical x-component-default x-docked x-docked-right x-component-docked-right x-component-default-docked-right" style="width: 17px; height: 297px; left: 302px; top: 47px; " role="presentation"><div class="x-stretcher" id="ext-gen1392" style="width: 1px; height: 2953px; "></div></div> 

我听说这个div为“不定式电网产生意见的代码“但是...
你能帮助我解决问题吗(通过选择ID去除元素并不是一个好的选择)

PS。当我删除我的grid.list元素的固定宽度时,问题就消失了......但随后它开始显示水平滚动条,它看起来很丑,我只能通过将宽度设置为固定大小来移除它。

PS2。我使用的是默认的css文件,没有特殊的样式或任何东西。

+0

你怎么在这里扩展Panel而不是GridPanel?扩展:'Ext.grid.Panel' – Swar

+0

我需要和我扩展'Ext.grid.Panel'。 – T1000

回答

0

问题本身修复。我已经在主项目中集成了我的表单,并且出现了滚动条... 我不知道为什么会发生这种情况,也许它是extjs错误。