フィールドに入力チェックボックスのプロパティをチェックする

各アイテムが画像に示すような入力チェックボックスである剣道リストビューを用意する必要があります。フィールドに入力チェックボックスのプロパティをチェックする

このリストビューは、2つのプロパティを持つオブジェクトのリストにバインドされている：缶のよう

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

       <div style='margin-left:5px;'> 
        <label style='font-weight: normal;'> 
         <input type="checkbox" />#: Title# 
        </label> 
       </div> 
      </script> 

var _data = []; 
_data.push({"Title" : "123", "IsChecked" : true}); 
_data.push({"Title" : "ABCD", "IsChecked" : false}); 

var _dataSource = new kendo.data.DataSource({ 
    data: _data 
}); 


    $("#lstView").kendoListView({ 
       dataSource: _dataSource, 
       template: kendo.template($("#checkBoxListTemplate").html()) 
      });

：「タイトル」&「にisChecked」

を私はこのリストビューを準備するには、次のテンプレートを使用していました"タイトル"プロパティはチェックボックスの内容を表示するようにバインドされていますが、入力のチェックされたプロパティを "IsChecked"フィールドにバインドする必要があるため、trueの場合はチェックボックスをチェックして表示するか、falseの場合はチェックを外すプロパティの値

チェックボックスのチェックされたプロパティを "IsChecked"フィールドにバインドするにはどうすればよいですか？

もう1つの質問..手動でチェックボックスをオンまたはオフにすると、その値がdataSourceの "IsChecked"プロパティに変更されるような双方向バインディングが可能ですか？

出典

2017-03-28 user2091061

あなたはこのよう剣道テンプレート内で条件を使用することができます。ここでは

は、作業コードスニペットです。

var _data = []; 
 
    _data.push({ 
 
    "Title": "123", 
 
    "IsChecked": true 
 
    }); 
 
    _data.push({ 
 
    "Title": "ABCD", 
 
    "IsChecked": false 
 
    }); 
 
    var _dataSource = new kendo.data.DataSource({ 
 
    data: _data 
 
    }); 
 
    $("#lstView").kendoListView({ 
 
    dataSource: _dataSource, 
 
    template: kendo.template($("#checkBoxListTemplate").html()) 
 
    });

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script> 
 
    <script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script> 
 
</head> 
 
<body> 
 
<div id="lstView"> 
 
    <script type="text/x-kendo-tmpl" id="checkBoxListTemplate"> 
 

 
       <div style='margin-left:5px;'> 
 
        <label style='font-weight: normal;'> 
 
         <input type="checkbox" #if(IsChecked){# checked="checked" #}# />#: Title# 
 
        </label> 
 
       </div> 
 
      </script> 
 
</div> 
 
</body> 
 
</html>

出典

2017-03-28 13:07:03 Adnan

おかげで..！ – user2091061

もう1つの質問..手動でチェックボックスをオン/オフにすると、dataSourceの "IsChecked"プロパティの値が変更されるような双方向バインディングが可能ですか？ – user2091061

はい、可能です。そのためには、CRUDデータ操作（http://docs.telerik.com/kendo-ui/framework/datasource/crud）を使用し、 'autoSync'を使用する必要があります。 – Adnan

フィールドに入力チェックボックスのプロパティをチェックする

答えて

関連する問題