用于动态显示复选框（开关）的 kendo ui 移动列表视图答案

【问题标题】：kendo ui mobile listview for displaying checkbox(switch) dynamically用于动态显示复选框（开关）的 kendo ui 移动列表视图
【发布时间】：2015-12-09 12:14:26
【问题描述】：

要求： 我需要一个带有 listview li 标签的复选框，它将动态创建

脚本

$('#HandlingUnitsResults').append('&lt;li  id=' + 3 + '&gt;&lt;a class="km-listview-link" data-role="listview-link"&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;div&gt;&lt;input type="checkbox" id="chkSwitch1" data-role="switch" checked="checked" data-on-label="Pass"

<div class="pageContent" data-role="view">
<div>
    <ul id="HandlingUnitsResults" data-bind="source:onGetPartHandlingUnits" data-role="listview"></ul>
</div>

【问题讨论】：

标签： listview dynamic checkbox kendo-ui kendo-mobile

【解决方案1】：

您可以使用数据模板而不是附加

<ul id="HandlingUnitsResults" data-bind="source:onGetPartHandlingUnits" data-role="listview" data-template="your-template"></ul>

<script id="your-template" type="text/x-kendo-template">
    <!--your code -->
</script>

您可以在模板、按钮、复选框等中放置任何内容。

这是示例链接 - http://demos.telerik.com/kendo-ui/mvvm/source

【讨论】：