var tabs2 = new Ext.TabPanel({
        renderTo: document.body,
        activeTab: 0,
        width:600,
        height:250,
        plain:true,
        defaults:{autoScroll: true},
        items:[{
                title: 'Normal Tab',
                html: "My content was added during construction."
            },{
                title: 'Ajax Tab 1',
                autoLoad:'ajax1.htm'
            },{
                title: 'Ajax Tab 2',
                autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
            },{
                title: 'Event Tab',
                listeners: {activate: handleActivate},
                html: "I am tab 4's content. I also have an event listener attached."
            },{
                title: 'Disabled Tab',
                disabled:true,
                html: "Can't see me cause I'm disabled"
            }
        ]
    });
这个效果是tab在上面 我希望放到下面可以??

解决方案 »

  1.   

    增加属性:tabPosition:'bottom'
    如果不成功,请出示你的EXT版本
      

  2.   

    EXT3.2版本是可以实现的,属性也没有问题。你怎么加的?代码再贴一下吧
      

  3.   

    var tabs2 = new Ext.TabPanel({
      renderTo: document.body,
      activeTab: 0,
      width:600,
      height:250,
      plain:true,
    tabPosition:'bottom',
      defaults:{autoScroll: true},
      items:[{
      title: 'Normal Tab',
      html: "My content was added during construction."
      },{
      title: 'Ajax Tab 1',
      autoLoad:'ajax1.htm'
      },{
      title: 'Ajax Tab 2',
      autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
      },{
      title: 'Event Tab',
      listeners: {activate: handleActivate},
      html: "I am tab 4's content. I also have an event listener attached."
      },{
      title: 'Disabled Tab',
      disabled:true,
      html: "Can't see me cause I'm disabled"
      }
      ]
      });