2012-09-22 3 views
1

:내선 JS 4 - 세로 ButtonGroup DOM 예외 단일 열 수직 buttongroup</strong><strong>을하는 동안 이와 같은 예외 얻기

처리되지 않는 오류 : INDEX_SIZE_ERR : DOM 예외 1 EXT-모든 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]  
}]; 

답변

1

글쎄, 로우 스팬은 그것을 죽인다. 여기에 여기에

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

+0

실제로는 ... 너무 작동하지 않았다 난 그냥 수직 렌더링 보통 16 × 16 아이콘을 볼 수있는 시험 예이다. 큰 (32x32) 아이콘이 필요합니다. – talha06

+0

@lonelywarriour 제 답변에 추가 된 피들을 확인해 주시겠습니까? 나는 버튼이 없지만 공간은 32x32처럼 보입니다. – sra

+0

많은 도움을 주신 덕분에 @sra는'defaults : {rowspan : 1}'을 추가 한 후 작동했습니다. – talha06