javascript - ウィンドウ内のスクロール可能なタブパネル

Question

私はグリッドを持っています：

                            var koord_tab = new Ext.grid.EditorGridPanel({
                                title:"Координаты",
                                store: datastore,
                                region: 'center',
                                cm: cm_koord,
                                //height: 300,
                                autoScroll: true,
                                //bbar:[saveButton,cancelButton,editButton]
                            })

タブパネル付きのウィンドウがあります。

                             var x = new Ext.Window({
                                title:'Аттрибуты',
                                //height:390,
                                //autoWidth:true,
                                //autoHeight:true,
                                //autoScroll:true,
                                width:400,
                                listeners:{
                                    'beforeclose':function(){
                                            //app.mapPanel.map.removeLayer(myVecLayer); 

                                            for(var i=0;i<ppp.length;i++){
                                                ppp[i].deactivate();
                                            }
                                        counter=0;


                                    }
                                },items:[{
                                    xtype:'tabpanel',
                                    activeItem:0,
                                    //autoScroll: true,
                                    enableTabScroll : true,
                                    //autoHeight:true,
                                    height:340,
                                    //collapseMode: "mini",
                                    bbar:[saveButton,cancelButton,editButton],
                                    items:[ed_tab,koord_tab]  
                                }]  
                            })
                            x.show();

質問：タブパネルをスクロール可能にする方法は？ウィンドウを開くと、次のように表示されます。

しかし、ウィンドウのサイズを変更すると、次のように表示されます。

ツールバーが表示されていないことがわかります。ウィンドウのサイズが変更された場合でも、ツールバーを常に表示するにはどうすればよいですか？

アップデート

タブパネルからウィンドウにbbarを配置する方法しかわかりません。しかし、別の問題があります。タブパネルとウィンドウをスクロール不能にして、グリッドのスクロールバーを1つだけにする方法は？

Answer 1

ツールバーをタブパネルに追加するのは正しいことです。

その他の問題の場合：height: 340タブパネルの構成を削除して、構成を指定しますlayout: 'fit'。

次に、グリッドパネルに別の構成を追加layout: 'fit'します。

それはそれを処理する必要があります。

ExtJS3ドキュメントのfitレイアウトは次のとおりです。