2011-06-28 13 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要素のfixet幅を取り除くと、問題は消えてしまいました...しかし、それは醜い外観のスクロールバーを表示し始め、幅を固定サイズに設定するだけで削除できます。

PS2。私はデフォルトのCSSファイルを使用していて、特別なスタイルや何も使用していません。

+0

ここでGridPanelの代わりにPanelを拡張する方法はありますか? extend: 'Ext.grid.Panel' – Swar

+0

私はExtGrid.Panelを拡張する必要があります。 – T1000

答えて

0

問題はそれ自身で修正されました。私はメインプロジェクトでフォームを統合して、スクロールバーが表示されます... なぜそれが起こっているのかわかりませんが、おそらくextjsバグです。

関連する問題