jinlin_yu
2015-01-21 10:28
采纳率: 50%
浏览 3.2k
已采纳

怎么把extjs 的TabPanel加入到自定义的div中

我自己在主页面jsp上布局了格式,想把他的TabPanel加到自己定义的div中。给出详细代码!谢谢

 Ext.onReady(function(){  
    var centerRegion = new Ext.TabPanel({  

        region : 'center',  
        margins : '3 3 3 0',//距离top、right、bottom、left边界的距离,单位为像素  
        activeTab : 0,  
        defaults : {  
            autoScroll : true  
        },  
        items : [{  
            title : '主页',  
            html : '内容'  
        }]  
    });  
    centerRegion.render('con');
    var westRegion = new Ext.Panel({  
        title : '导航',  
        region : 'west',  
        split : true,  
        width : 200,  
        //True表示为面板是可收缩的,并自动渲染一个展开/收缩的轮换按钮在头部工具条  
        collapsible : true,  
        margins : '3 0 3 3',  
        cmargins : '3 3 3 3',  
        layout : 'accordion',  
        layoutConfig : {  
            titleCollapse : true,//单击标题就可以折叠面板  
            animate : true,//展开的效果  
            activeOnTop : true//是否可以改变顺序  
        },  
        items : []  
    });  

    new Ext.Viewport({  
        layout : 'border',   
        items : [{
            region : 'north',
            height : 100,
            title : '顶部面板'
        },
        {
            region : 'south',
            height : 30,
            title : '底部面板'
        },
        westRegion,
        centerRegion]  
    });  
});

以上是extjs的布局页面我只想要他的TabPanel控件,其余都不要

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

3条回答 默认 最新

相关推荐 更多相似问题