I have the following markup:
<ul id="answers" data-role="listview" data-style="inset" data-template="answer-template" data-bind="source: availableAnswers" data-click="app.views.question.selectAnswer" ></ul>
<script id="answer-template" type="text/x-kendo-template">
<label>
<input type="checkbox" data-bind="checked: isSelected"/>
<span data-bind="text: answerText"></span>
</label>
</script>
The following click handler does work in Chrome Browser, however it does not work on any mobile device:
selectAnswer: function (evt) {
$.each(that.availableAnswers, function (i, it) {
it.isSelected = (it.id === evt.dataItem.id);
});
}
Is there an option on the list view to set it to single selection mode?
Thanks,
Dinhduy
<ul id="answers" data-role="listview" data-style="inset" data-template="answer-template" data-bind="source: availableAnswers" data-click="app.views.question.selectAnswer" ></ul>
<script id="answer-template" type="text/x-kendo-template">
<label>
<input type="checkbox" data-bind="checked: isSelected"/>
<span data-bind="text: answerText"></span>
</label>
</script>
The following click handler does work in Chrome Browser, however it does not work on any mobile device:
selectAnswer: function (evt) {
$.each(that.availableAnswers, function (i, it) {
it.isSelected = (it.id === evt.dataItem.id);
});
}
Is there an option on the list view to set it to single selection mode?
Thanks,
Dinhduy