剣道を使ってjavascriptを使ってチェックボックスリストを作成する方法はありますか

Question

オンライン検索結果の大部分がjavascript object/arrayを介して下の画像のように私の剣道チェックボックスリストに入力する方法があるかどうか知りたいですか？ htmlでリストを作成します。

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

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

あなたはJavaScriptでチェックボックスのリストをレンダリングする場合：

sample of output

Answer 1

すでにチェックボックスリストがレンダリングされている場合は、MVVM を使用するには、結合をチェックしますいくつかのデータに基づいてチェックボックスを同時にチェックし、剣道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.render()は、あなたが代わりに剣道UI ListViewコントロールと項目テンプレートを使用することができます。テンプレート定義自体は同じにすることができます。

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

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