extjs的panel中tbar的按钮居右显示的解决方案

extjs中panel的tbar中按钮默认是居左的,十分不爽;
在按钮前面先添加一个工具栏填充区tbfill,把tbar上的按钮挤到右边;
代码:
var addbu=new Ext.Button({
enableToggle : true,
pressed : true,
text:'添加',
toggleHandler:addCo
});
var editbu=new Ext.Button({
enableToggle : true,
pressed : true,
text:'修改',
toggleHandler:editCo
});
var deletebu=new Ext.Button({
enableToggle : true,
pressed : true,
text:'删除',
toggleHandler:deleteCo
});

var gridList=new Ext.grid.GridPanel({
title:'查询结果',
renderTo:'grid1',
store:gridStore,
cm:gridcm,
sm:sm,               // 支持全选/反选啦
height:300,
tbar:[{xtype : "tbfill"},addbu,editbu,deletebu]  // 添加工具栏填充区tbfill,把tbar上的按钮挤到右边
});

你可能感兴趣的:(JS)