Bind a checkbox in an item template of a ListView to a datasource property

[rlapao]

Is it possible to bind a checkbox in an item template of a ListView to a datasource property without using a edit template.

For example:

<script type="text/x-kendo-tmpl" id="template">

     <div>

       <dl>

         <dt>Name</dt> <dd>${Name}</dd>

         <dt>Age</dt> <dd>${Age}</dd>

         <dt>Checked</dt> <dd><input type="checkbox" data-bind="checked:DataSourceBooleasProperty" /></dd>

       </dl>

     </div>

 </script>

$("#listView").kendoListView({

     dataSource: {

         data: createRandomData(50)

     },

     template: kendo.template($("#template").html())

 });

[Alexander Valchev]

Hello Ricardo,

It is possible to display a boolean value through checked / unchecked check boxes through the template, but the inputs will not be bound (e.g. the changes will not affect the data records). 

<dt>Checked</dt><dd><input type="checkbox" #= BoolField ? checked="checked" : "" # /></dd>

If you want to edit the data, you have to define an edit template.
I hope this helps.

Kind regards,
Alexander Valchev
the Telerik team

[rlapao]

Hi Alexander,

Thanks for your reply.

Ricardo

[Mark]

Can we similarly bind the image src and title?

I am trying as below:
<img id="HardWarning" #= IsHardWarning ? src="~/Images/jpgimage005.png":src="~/Images/jpgimage006.png" # style="width: 15px;height: 15px;" #= IsHardWarning? title="XXXX.": title="XXXXX."# />

But both properties are not populating properly.

<img id="HardWarning" ~="" images="" jpgimage006.png="" style="width: 15px;height: 15px;" this="" is="" soft="" warning.we="" can="" processed="" with="" this.="">

[Alexander Valchev]

Hello Mark,

You should surround with quotes the whole string that will be returned.

<img id="HardWarning" #= IsHardWarning ? "src=\'~/Images/jpgimage005.png\'" : "src=\'~/Images/jpgimage006.png\'" # style="width: 15px;height: 15px;" #= IsHardWarning? "title=\'XXXX.\'" : "title=\'XXXXX.\'" # />

Regards,
Alexander Valchev
Telerik