Please see attached. We are trying to use a set of radio buttons for a cell editing template. The code is below: This works except that I have to click in the cell once to put in edit mode and then click on the radio button. What I would like is to be able to click directly on the radio button once. Thanks for your help.
{
field: "Accomplished", title: "Accomplished", width: 200,
template: "<label><input ng-disabled='true' type='radio' value='#= Accomplished #' #= Accomplished == '0' ? 'checked' : ''# > NA </label>"
+ "<label><input ng-disabled='true' type='radio' value='#= Accomplished #' #= Accomplished == '1' ? 'checked' : ''# > Yes </label>"
+ "<label><input ng-disabled='true' type='radio' value='#= Accomplished #' #= Accomplished == '2' ? 'checked' : ''# > No </label>",
editor: "<label><input name='Accomplished' type='radio' data-bind='checked:Accomplished' value='0'> NA </label>"
+ "<label><input name='Accomplished' type='radio' data-bind='checked:Accomplished' value='1'> Yes </label>"
+ "<label><input name='Accomplished' type='radio' data-bind='checked:Accomplished' value='2'> No </label>"
},
2 Answers, 1 is accepted
Thank you for contacting us.
To achieve the desired functionality you can try using the column’s template as in your code snippet and attach a click event to radio buttons. On the following link you can find an example which shows this approach:
http://dojo.telerik.com/@d.madjarov/InaVA/2
The example uses a checkbox as an edit control, however in your case you need just to replace the checkbox with radibuttons.
If you need further assistance, do not hesitate to contact us again.
Regards,
Radoslav
Telerik
Rank 1