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中带有按钮

回答

相关问题