Question

关于extjs中radiogroup选中问题，使用change事件，但是每次单击的时候alert()测试，会出现两次

一次是刚触发的，另一次是之前触发的按钮change后触发的事件。现在想得到checked的值。怎么得到。。
var checkbox = Ext.create('Ext.form.Panel', {
bodyPadding : 10,
width : 500,
frame:true,
items : [ {
xtype : 'radiogroup',
colums : 3,
id:'toppings',
items : [ {
boxLabel : '全体',
name : 'topping',
inputValue : '全体--',
}, {
boxLabel : '计算机系',
name : 'topping',
inputValue : '计算机系--',
}, {
boxLabel : '个人',
name : 'topping',
inputValue : '个人--',
} ],
listeners :{
'change':function(){
var obj = Ext.getCmp("toppings").items.items;
for(var i in obj){
if(obj[i].checked){
Ext.Msg.alert("Tip","您点击的radio名称是*****"+obj[i].inputValue);
}
obj[i].checked = false;
}
}
}
}]
});
如果想显示 加个renderTo:Ext.getBody()即可。我是将这个放到其他容器里所以没加。
探梦今生您的回答如果设置id的话，限制就太大了。这是我最后测出来的结果。

Answer 1

change事件，有下面四个参数，第一个参数，返回的是你点击的那个radio的对象，你可以根据你在各个radio里设置的id，或者itemId来判别是哪个别点到了，然后来判断是不是要进行操作。

单纯设置一个alert，就会像你说的，被check的和被uncheck的，分别触发一次。

Ext.form.field.Field this,
Object newValue,
Object oldValue,
Object eOpts

追问

listeners :{
'change':function(){
var obj = Ext.getCmp("toppings").items.items;
for(var i in obj){
if(obj[i].checked){
Ext.Msg.alert("Tip","您点击的radio名称是*****"+obj[i].inputValue);
}
obj[i].checked = false;
}
}
}

以上toppings为items的id。

追答

误会，我不是说设置ID

我是说，在您的change函数中，加上extjs提供的那四个参数，然后从第一个参数就能判断出哪个被点了。
第一个参数里，有被点击那个radio的所有属性信息，您可以根据显示的文字来判断。不一定非得ID。

追问

你可以做下试试，至少我上午整的头晕没做出来，即使得到了点击节点，也是因为change事件（意为改变，点击本身触发这个改变事件，同时也触发原先选择的那个组件的这个改变事件），导致我测试时候得到了N个alert（）所以没成功。现在用我“问题补充”里的，就可以实现了，当然还需要改进。

追答

因为Radio是Group，首先，变换一次选择，change被访问两次是前提。
上面这句，不知道我说明白没。有两个radio的值变化了，所以两次。

我不知道您的需求是什么，如果是取得被选中项目的text，您可以判断·newValue，如果是真，
就从第一个参数来取得text来处理。

能说说您想用radio做的事吗。

如果你是想弹出一个messagebox，说选中的那个项目的text，我现在改改给你

也不知道你是不是要点中那个项目的text，先改一个给你吧。
listeners: {
'change': function (radio, newV, oldV, e) {
if (newV.length == 1) {
Ext.Msg.alert("Tip", "你选中了*****" + newV.inputValue);
}
}

},

我看了下您的代码，还是希望您用extjs提供的事件参数，还是比较好用的。
我开始说，第一个参数是选中的那个radio，对不起，这个说错了，第一个参数是整个group。

看来您下班了，明天再聊。。。。