ExtJs: radio buttons are not clickable sometimes...

in Programming

Just came across this issue when ExtJs radio buttons are not selectable for some reason.

My initial setup was the following:

{ xtype: 'radiogroup', columns: 1,  fieldLabel: "Languages", autoWidth:true, 
  items: [
      {boxLabel: "Default", name: 'language', inputValue: 'D', id: 'defaultLang', checked: true},
      {boxLabel: "Order", name: 'language', inputValue: 'C', id: 'orderLang'},
      {boxLabel: "Other", name: 'language', inputValue: '0', id: 'otherLang'}
  ] 						
}    					

It's very basic and I spent hours trying to figure out why only last option gets selected no matter what radio button I click.

Long story short - value of "0" in the last radio button causes the issue. There must be something with mixing numeric and non-numeric types of values. And numeric are give the priority.

So changing the value to the same type as other values fixes the issue.

P.S. fond the same issue addressed on StackOverflow http://stackoverflow.com/questions/5465859/extjs-radio-group-can-only-click-on-one-item.