Extjs学习 bbar、tbar靠右，居中显示

两边使用'->' 
就可以挤到中间了

var courseGrid=Ext.create('Ext.grid.Panel',{
      store:infoStore,
      width:600,
      selType:'checkboxmodel',
      multiSelect:true,
      viewConfig:{
      forceFit:true,
      scrollOffset: 0
     },
      columns:[
        {header:'Name',dataIndex:'Name'},
        {header:'Type',dataIndex:'Type'},
        {header:'Credit',dataIndex:'Credit'},
        {header:'Period',dataIndex:'Period'},
        {header:'Teacher',dataIndex:'Teacher'}
      ],
     bbar:['->',{
        xtype:'button',
        text:'选课'
     }]

});

加上  ->  表示靠右显示

 bbar:['->',{
         xtype:'button',
         text:'选课'
      }.'->']

加上两个  ->  就是把bbar挤到中间，也就是居中了