Question

在尝试单个列垂直但是组时获取此类异常：

未捕获错误：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]    
}];

Answer 1

好吧，rowpan杀了它。这是一个有效的测试示例

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

Ext JS 4 - 垂直ButtonGroup DOM异常

1 个答案: