Display boolean field as checkbox

[Jaap]

By default the value of a boolean field is displayed as the text "true" or "false". But I want a checkbox to be displayed.
So I want to add a template on the column:

<input type="checkbox" checked="checked" disabled="disabled" /> 

My problems is how add the checked="checked" conditionally depending on the value of the field.
Any idea how to do that?

Thanks, Jaap

[Rosen]

Hello Jaap,

In order to set the checked attribute based on the value of the field, you should use similar to the following template declaration:

{
 field: "Discontinued",
 template: '<input type="checkbox" #= Discontinued ? "checked=checked" : "" # disabled="disabled" ></input>'
}

Regards,
Rosen
the Telerik team

[Jaap]

Ok, thank you, that did the trick.

Jaap

[Andrew]

The .... "checked=checked" .... bit should be .... checked="checked" ....

I'm only adding this because it took me 10mins to realise the first quote was in the wrong place.

[Jaap]

I looked in my code and saw indeed that the quote was also in the wrong place. But still it worked.

Jaap

[Juan Carlos]

How i can implement this in Razr?

{
columns.Bound(p => p.Active)
.Template(???????);
}

Thanks.

[Rosen]

Hi Juan,

Please refer to this help article.

Regards,
Rosen
the Telerik team

[Mike]

Rosen,

I don't see the Razor syntax in the help article that you suggested.  And when I use the .ClientTemplate that you suggested, it doesn't seem to bind back to the model property.

Thanks,
Mike

[Leo]

Basically Is there any one who has done the two way binding on the grid for a checkbox. I want to develop a editable checkbox. but when i click it returns a textbox. not a checkbox. need a help

[Rosen]

Hello Leonard,

To customize the appearance of the column during editing you should specify a column editor. Here is a demo of this functionality.

As the discussion diverged from the initial topic of the thread please consider starting a new one if further question arise.

Regards,
Rosen
the Telerik team