两种Button--Panel

var tb5 = new Ext.Toolbar({ height: 50, region: 'center', defaults: { iconAlign: 'top', xtype: "button", scale: 'medium', inputType: 'image', cls: "x-btn-text-icon", width: 60, hight: 50 }, items: [{ text: '全选', icon: 'gm_img/guanlian/allsel.png', tooltip: '全选' }, { ... 

上面是toolBar形式，当然，把xtype改为：button，把Toolbar改为Panel以后，就成了一个自定义的Button-Panel，这个时候可以自定义图片，图片位置以及大小。

当然有种默认的Button模式，是默认Button之间有间距的，而且默认在浏览器的靠右边：

var tb5 = new Ext.Panel({ //style: 'margin-right:20px;', buttons: [{ text: '全选', tooltip: '全选' }, { ... 

非常简单，而且效果不错。