窗口中的可滚动tabpanel

Question

我有一个网格：

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

我有一个带tabpanel的窗口：

                             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();

问题：如何使tabpanel可滚动？当我打开窗户时，我看到了这个：

但是当我调整窗口大小时，我看到了：

您可以看到工具栏未显示。即使窗口已调整大小，如何使该工具栏始终显示？

更新

我只看到将tabbar从tabpanel放到窗口的方法。但是还有另一个问题：如何将tabpanel和window unscrollable只有一个网格的滚动条？

Answer 1

您可以将工具栏添加到tabpanel。

对于另一个问题：摆脱tabpanel上的height: 340配置，并为其指定layout: 'fit'。

然后在您的网格面板上添加另一个layout: 'fit'配置。

应该处理它。

Here是ExtJS3文档中的fit布局。