Kendo ui 用于显示复选框的剑道ui移动列表视图

我想在kendo mobile listview中显示所有列表项的复选框， 因此，我在我的剑道列表视图模板中给出， listview显示正确，但复选框未显示。 我的代码如下：

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

 <a href="\#next_view" class="km-listview-link" data-role="listview-link">
       <input type="checkbox" checked="checked"/>
       <h3 class="time">#: firstname  #</h3>
       <h3>#: sentdate #</h3>
 </a>

---

使用基因C输入编辑的答案 正如基因C所指出的，如果包装在一个复选框内，则看起来很好

如果将复选框转换为开关视图，代码将正常工作。此外，您不应在模板中添加data role=“listview链接”。当模板附加到列表视图时，kendo会自动添加此内容。 当列表项中有可单击的小部件时，我们不应该添加超链接来包装所有项目。如果你希望用户检查开关按钮然后导航，最好有一个按钮来导航

以下是jsbin中的完整工作示例：

我已将您的模板更改为：

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

       <div>
       <input type="checkbox" data-role="switch" />
    </div>
       <h3 class="time">#: firstname  #</h3>
       <h3>#: sentdate #</h3>

    </script>

  </div> 

#：名字#
#：sentdate#

使用基因C输入编辑的答案 正如基因C所指出的，如果包装在一个复选框内，则看起来很好

如果将复选框转换为开关视图，代码将正常工作。此外，您不应在模板中添加data role=“listview链接”。当模板附加到列表视图时，kendo会自动添加此内容。 当列表项中有可单击的小部件时，我们不应该添加超链接来包装所有项目。如果你希望用户检查开关按钮然后导航，最好有一个按钮来导航

以下是jsbin中的完整工作示例：

我已将您的模板更改为：

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

       <div>
       <input type="checkbox" data-role="switch" />
    </div>
       <h3 class="time">#: firstname  #</h3>
       <h3>#: sentdate #</h3>

    </script>

  </div> 

#：名字#
#：sentdate#

剑道UI支持复选框输入的绑定和样式化：

<script id="script-id" type="text/x-kendo-template">
    <label>
        <input type="checkbox" checked="checked"/>
        <h3 class="time">#: firstname  #</h3>
        <h3>#: sentdate #</h3>
    </label>
</script>

#：名字#
#：sentdate#

如果同时包含

，则我无法保证列表项的行为或显示方式符合您的预期。您可能需要绑定到

上的单击事件处理程序：

<ul data-role="list-view" data-bind="click: navigateToNextView"/>

剑道UI支持复选框输入的绑定和样式化：

<script id="script-id" type="text/x-kendo-template">
    <label>
        <input type="checkbox" checked="checked"/>
        <h3 class="time">#: firstname  #</h3>
        <h3>#: sentdate #</h3>
    </label>
</script>


#：名字#
#：sentdate#

如果同时包含
，则我无法保证列表项的行为或显示方式符合您的预期。您可能需要绑定到
上的单击事件处理程序：

<ul data-role="list-view" data-bind="click: navigateToNextView"/>

您是否尝试在上述模板中添加复选框并运行它？该复选框不可见。不确定当前版本中是否有bug。我尝试过，当模板中也有
时，复选框没有出现。这就是为什么我建议删除
（如果可能）并使用
列表视图上的单击事件处理程序。不太理想，但我想我会给提问者一些选择。也就是说，我发现自己不再使用输入复选框和
在列表视图模板中导航，因为它们似乎在iOS设备触摸事件上无法正常工作。对我来说，即使删除了Anchor标记，复选框也不会出现。。请检查此jsbin:。如果不深入研究默认的剑道移动css，我相信
标记对于复选框样式的正确显示至关重要？我仍然无法在windows 7机器上的chrome和safari中看到复选框。您是否尝试在上述模板中添加复选框并运行它？该复选框不可见。不确定当前版本中是否有bug。我尝试过，当模板中也有
时，复选框没有出现。这就是为什么我建议删除
（如果可能）并使用
列表视图上的单击事件处理程序。不太理想，但我想我会给提问者一些选择。也就是说，我发现自己不再使用输入复选框和
在列表视图模板中导航，因为它们似乎在iOS设备触摸事件上无法正常工作。对我来说，即使删除了Anchor标记，复选框也不会出现。。请检查此jsbin:。如果不深入研究默认的剑道移动css，我相信
标记对于复选框样式的正确显示至关重要？在Windows7机器上，我仍然看不到chrome和safari中的复选框HI！如何在listview上使用筛选器时保持选中状态？您好！如何在listview上使用筛选器时保持选中状态？