Question

我在窗口中创建了一个tabpanel。我可以在窗口中使用autoScroll:true，但不能使用tabpanel。我需要它与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' config。

通过示例来了解ExtJS中的工作方式。对于刚开始的人来说，必须阅读这些指南。

编辑：关于内部滚动问题的相关问题：看看从原始帖子中更改过的这个小提琴 - http://jsfiddle.net/REtRQ/3/它在窗口中显示嵌套选项卡面板。请查看在实际使用组件之前使用Ext.define方法来定义组件。这允许您清除代码分离，并且不会强制您使用全局变量。注意一切都是自动命名的。

如何在Extjs 4.1中制作可滚动的tabpanel？

1 个答案: