Ext.toolbar问题

[code="java"]
Ext.onReady(function(){
// 创建工具条
var tb = new Ext.Toolbar();
tb.render('toolbar');

            // 为工具条添加4个按钮
            /*tb.add({
                text: '新建'
            },{
                text: '修改'
            },{
                text: '删除'
            },{
                text: '显示'
            });*/

            tb.add({
                text: '新建'
            });

        });

[/code]

为什么显示不出来啊

与你渲染的顺序有问题：先add进去，再进行渲染才可以，或者在你的语句后面添加tb.doLayout()就可以了，说到底就是没渲染
var tb = new Ext.Toolbar();
tb.add({
xtype : 'button',
text: '新建'
});
tb.render('button');

[code="java"]
var tb = new Ext.Toolbar({height:100,width:100});
加个height 和width 。。。
还有 ’toolbar‘ 这个div定义了么？
[/code]