Question

我想知道是否有办法通过javascript对象/数组编程填充我的kendo复选框列表，如下图，因为大多数在线搜索结果都是在html创建列表。

sample of output

Answer 1

如果您已经呈现了复选框列表，则使用MVVM 选中绑定：

http://demos.telerik.com/kendo-ui/mvvm/elements

http://docs.telerik.com/kendo-ui/framework/mvvm/bindings/checked

如果您想根据某些数据使用JavaScript呈现复选框列表，并同时选中复选框，请使用Kendo UI 模板和kendo.render()

http://docs.telerik.com/kendo-ui/framework/templates/overview

http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-render

<ul id="checkboxList"></ul>

<script>

var template = kendo.template("<li>" +
    "<label>" +
        "<input type='checkbox' #: isChecked ? \" checked='checked'\" : \"\"  # />" +
        "#: name #" +
    "</label>" +
"</li>");

var data = [
  { id: 1, name: "foo", isChecked: true },
  { id: 2, name: "bar", isChecked: false }
];

var html = kendo.render(template, data);
$("#checkboxList").html(html);

</script>

您可以使用Kendo UI ListView 和项目模板，而不是kendo.render()。模板定义本身可以是相同的。

http://demos.telerik.com/kendo-ui/listview/index

http://docs.telerik.com/kendo-ui/api/javascript/ui/listview#configuration-template

有没有办法通过javascript使用kendo创建一个复选框列表

1 个答案: