Binding RadioGroup in ExtJS 5


This example shows how to bind radio group to view model in Ext JS 5. Radio group is specific in that that its value is an object, however, that does not create any problem as binding is very flexible.

Main Features

  • simple, no tricks
  • has form with radio group with color items
  • radio group is bound to form’s viewmodel
  • component with selected background color bound to the same viewmodel

Use Cases

Use this approach whenever you need to bind radiogroup to viewmodel.

Example Files (relative to example root)

The example has been initially generated with sencha generate app so the following list contains only added or edited files:

If you want to see the example code, login or sign-up. Free membership is available.
Follow me:


I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:

Latest posts by Saki (see all)


  1. Chad Lee says

    Hi, have you tried binding with chainedstore?
    It works well with grid but not for the textfield, radio or checkbox. Struggling for a week but no luck yet.

We will be happy to hear back from you

Please Login to post a comment