尝试使用单列垂直按钮组时遇到这样的异常:
未捕获的错误: INDEX_SIZE_ERR: DOM 异常 1 [ext-all-dev.js:88026]
var btn1 = Ext.create('Ext.button.Button', {
text: 'BTN 1',
iconCls: 'icon-database-go-32'
});
var btn2 = Ext.create('Ext.button.Button', {
text: 'BTN 2',
iconCls: 'icon-data-table-32'
});
var actions = Ext.create('Ext.container.ButtonGroup', {
columns: 1,
defaults: {
scale: 'large',
iconAlign: 'top',
rowspan: 3
},
title: 'Actions',
items: [btn1, btn2]
});
this.dockedItems = [{
xtype: 'toolbar',
dock: 'left',
items: [actions]
}];
好吧,行跨度杀死了它。这是一个经过测试的示例,可以正常工作
var actions = Ext.create('Ext.container.ButtonGroup', {
columns: 1,
title: 'Actions',
items: [
{
text: 'BTN 2',
iconCls: 'icon-data-table-32',
scale: 'large',
iconAlign: 'top'
}, {
text: 'BTN 1',
iconCls: 'icon-database-go-32',
scale: 'large',
iconAlign: 'top'
}]
});
这是 JSFiddle