kendo ui mobile listview用于动态显示复选框(切换)

时间:2015-12-09 12:14:27

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

要求: 我需要一个listview li标签中的复选框,它将动态创建

脚本

$('#HandlingUnitsResults').append('<li  id=' + 3 + '><a class="km-listview-link" data-role="listview-link"><table><tr><td><div><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>

1 个答案:

答案 0 :(得分:0)

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

<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