ExtJS radiogroup z przyciskami

Question

wytwarzania przybornik Chcę wiedzieć, jak zrobić radiogroup ze zwykłych przycisków, a nie radiobuttons, w Ext.js (najnowsza wersja)

tak z jQueryUI: http://jqueryui.com/demos/button/#radio

Thanks z góry, Chielus

Answer 1

Myślę, że powinieneś spojrzeć na użycie zestawu standardowych przycisków ExtJS. Przycisk można przypisać do grupy , aby działały jako elementy widoczne w łączu.

Zobacz ten przykład:

{ 
    xtype: 'button', 
    text: 'Choice 1', 
    toggleGroup: 'mygroup' 
}, { 
    xtype: 'button', 
    text: 'Choice 2', 
    toggleGroup: 'mygroup' 
}, { 
    xtype: 'button', 
    text: 'Choice 3', 
    toggleGroup: 'mygroup' 
} 

Przyciski mają również właściwość o nazwie enableToggle, która pozwala im włączyć i jest automatycznie ustawiony na true, gdy ustawisz toggleGroup i toggleGroup mówi ExtJS jaki sposób są one powiązane.

Uwaga, wyglądają jak zwykłe przyciski ExtJS, ale zachowują się tak, jak chcesz.

Answer 2

Wystarczy odpowiedzieć @ komentarzu Mastak (w odpowiedzi powyżej), aby nie pozwolić na działanie de-wybraniu przycisku, dodać tę słuchacza do każdego przycisku:

listeners: { 
    click: function(me, event) { 
     // make sure a button cannot be de-selected 
     me.toggle(true); 
    } 
} 

ten sposób każde kliknięcie przycisk ponownie go wybierze.

-dbg

Answer 3

Jest mniej skomplikowany (lepsza?) Sposób, aby uniemożliwić odznaczenie przycisku. Ustaw opcję config allowDepress false:

{ 
    xtype: 'radiogroup', 
    layout: 'hbox', 
    defaultType: 'button', 
    defaults: { 
     enableToggle: true, 
     toggleGroup: 'mygroup', 
     allowDepress: false, 
     items: [ 
      { text: 'Choice 1'}, 
      { text: 'Choice 2'}, 
      { text: 'Choice 3'} 
     ] 
    } 
}