ExtJS的RadioGroup中帶有按鈕

爲了使工具箱，我想知道如何使一個RadioGroup中與常規按鈕，而不是單選按鈕，在Ext.js（最新版本）ExtJS的RadioGroup中帶有按鈕

篩選與jQueryUI的：http://jqueryui.com/demos/button/#radio

謝謝提前， Chielus

2011-02-04 Chielus

我認爲你應該看看使用一套標準的ExtJS按鈕。 A 按鈕可以分配給組，以便它們充當鏈接中顯示的元素。

見這個例子：

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

按鈕也有一個叫enableToggle財產，使他們能夠進行切換，並自動設置爲true，當你設置一個toggleGroup，並toggleGroup告訴ExtJS的它們之間的關係。

請注意，它們看起來像普通的ExtJS按鈕，但表現得像你想要的。

來源

2011-02-07 07:59:29 Chau

謝謝，這個作品。我怎樣才能得到選定的價值？除了用按鈕和全局變量的eventHandler來執行它 – Chielus 2011-02-14 08:22:07

只是回答@ mastak的評論（在回答以上），以禁止去選擇一個按鈕的動作，這個監聽器添加到每個按鈕：

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

這樣一來，每次點擊一個按鈕將重新選擇它。

-dbg

來源

2011-11-10 11:07:57 deebugger

有一個不太複雜的（更好的？）的方式來禁止取消按鈕。在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'} 
     ] 
    } 
}

來源

2012-09-28 17:01:38 nmgeek

ExtJS的RadioGroup中帶有按鈕

回答

相關問題