1

我想为剑道移动列表视图中的所有列表项显示一个复选框，所以，我在我的剑道列表视图模板中给出了，列表视图显示正确，但复选框未显示。我的代码是这样的：

<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>

4

2 回答 2

1

Kendo 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>

我不能向您保证，如果您还包含<a>. 您可能需要绑定到以下位置的 click 事件处理程序<ul>：

<ul data-role="list-view" data-bind="click: navigateToNextView"/>
于 2013-05-20T18:26:30.213 回答
0

使用来自 Gene C 的输入编辑的答案 正如 Gene C 指出的那样，如果包裹在复选框中看起来很好。

如果您将复选框转换为切换视图，则代码将正常工作。您也不应该在模板中添加 data-role="listview-link" 。当您的模板附加到列表视图时，这将由 kendo 自动添加。当我们在您的列表项中有可点击的小部件时，我们不会添加超链接来包装所有项目。如果您希望用户检查切换按钮然后导航，最好有一个按钮来进行导航。

这是 jsbin 中的完整工作示例：

http://jsbin.com/obajih/3/edit

我将您的模板更改为：

<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>
于 2013-05-20T16:06:13.313 回答