javascript - 如何在 Extjs 4.1 中制作可滚动的标签面板？

Question

我在窗口内创建了一个选项卡面板。我可以将 autoScroll:true 与窗口一起使用，但不能与 tabpanel 一起使用。我需要它与 tabpanel 一起工作，所以当我向下滚动时，选项卡列表不会上升并消失。

标签面板:

 var   sections = Ext.createWidget('tabpanel', {
    id: 'mytabpanel',
    title: 'UM',
    activeTab: 3,
    closable: true,
    autoScroll: true, // not working
   //defaults:{ autoScroll:true }, //not working

    items: [
    {

窗口(tabpanel 容器):

var window = new Ext.Window({
            id: 'item1',
            closable: true,
            floating: true,
            collapsible: true,
            width: 900,
            height: 600,
            autoScroll: true, //working
        items  : mytabpanel

}).show();

Answer 1

您应该始终指定父容器的布局。在这种情况下，您的窗口组件应该具有 layout: 'fit' 配置。

通过示例了解 ExtJS 的工作原理。对于刚起步的人来说，这些指南是必读的。

编辑:关于内部滚动问题的相关问题:看看这个从你原来的帖子改过来的 fiddle - http://jsfiddle.net/REtRQ/3/它在窗口中显示嵌套的选项卡面板。在实际使用组件之前，请查看用于定义组件的 Ext.define 方法的使用。这使您可以清晰地分离代码，并且不会强制您使用全局变量。请注意所有内容是如何自动命名空间的。