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]
                            })

我有一个带有 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可以滚动？当我打开 window 时，我看到这个:

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

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

更新

我只看到将 bbar 从 tabpanel 放到窗口的方法。但是还有一个问题:如何让tabpanel和window unscrollable只有一个grid的scrollbar？

Answer 1

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

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

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

这应该可以处理。

Here是 ExtJS3 文档中的 fit 布局。