Ext的工具栏不显示

最近尝试用一下EXT，在使用toolbar时遇到了问题，工具栏只出现一条细线，代码如下，麻烦大家帮我看一下
通过firebug查看，布局已经对了
Ext.onReady(function(){
initLayer();
initToolbar();
});//初始化布局界面
function initLayer(){
new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({
                region: 'north',
                height:40,
                autoEl: {
                    tag: 'div',
                    id:'toolbar'
                }
            }),
            new Ext.BoxComponent({
                region: 'center',
                autoEl: {
                    tag: 'div',
                    id:'grid'
                }
            })
]
});
}function initToolbar(){
var bar = new Ext.Toolbar();
bar.render(Ext.get("toolbar"));
bar.addText("yes")
}

解决方案 »

  1.   

    我这里上述代码用ie67,8 ff3.5测下来工具栏有文字yes。 
      

  2.   

    自己检查太久了，陷入一个死循环了，麻烦大家给看一个，万分感谢
    JS就是上面的，HTML如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试</title>
    <link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all.css" />
        

        <script type="text/javascript" src="/extjs/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="/extjs/ext-all.js"></script>
        <script type="text/javascript" src="/extjs/src/locale/ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/resources/js/test.js"></script>
    </head>
    <body>
    </body>
    </html>
      

  3.   

    通过FIREBUG查看，所有的CSS和JS正常读取了
    IE 6和FF 3.5测试过，都这样
      

  4.   

    你把这两句话换个位置：
    bar.render(Ext.get("toolbar"));
    bar.addText("yes")先追加控件，再追加到布局上