Ext statusbar有关问题

Ext statusbar问题。
我想问一下为什么我在panel中定义一个Statusbar的话会出错呢？到底是什么原因？是不是bug?还是需要另外一个文件？
比如
bbar: new Ext.StatusBar({
id: 'basic-statusbar'
,items: ['<font color="#008CD2">空闲房</font>', '-'
, '<font color="#FF7D00">预定房</font>', '-'
,'<font color="#FFE000">已租房</font>', '-'
,'<font color="#E40090">结账房</font>', '-'
,'<font color="#00AF4D">清洁房</font>', '-'
,'<font color="#E80033">锁房</font>', '-'
,new Date().format('Y-m-d'), '-'
,clock]
  })

会出错的

<script language="javascript">
Ext.onReady(function(){
  var p = new Ext.Panel({
  id:"myPanel",
  title:"Panel实例",
frame:true,
collapsible:true,
renderTo:"content",
autoScroll:true,
titleCollapse:true,
width:400,
  height:200,
bbar:new Ext.StatusBar({ 
  id: 'basic-statusbar' 
  ,items: [' <font color="#008CD2">空闲房 </font>', '-' 
  , ' <font color="#FF7D00">预定房 </font>', '-' 
  ,' <font color="#FFE000">已租房 </font>', '-' 
  ,' <font color="#E40090">结账房 </font>', '-' 
  ,' <font color="#00AF4D">清洁房 </font>', '-' 
  ,' <font color="#E80033">锁房 </font>', '-' 
  ,new Date().format('Y-m-d'), '-' 
  ] 
  })
  });
   

});
</script>

make!

代码是没错看看是不是没包含statusbar.js文件

倒分贴


兄弟，怎么包含这个文件，是不是在文件头加上去？也就是head文件里面？