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

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

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

你可以看到工具栏没有出现。即使调整了窗口大小，如何使该工具栏始终显示？

更新

我看到将 bbar 从选项卡面板放到窗口的唯一方法。但是还有另外一个问题：如何让tabpanel 和window 不可滚动到只有一个grid 的滚动条？

Answer 1

您将工具栏添加到选项卡面板是正确的。

对于另一个问题：摆脱height: 340标签面板上的配置并给它一个layout: 'fit'配置。

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

那应该处理它。

这是fitExtJS3 文档中的布局。