綁定輸入複選框的屬性檢查，以一個字段

我需要準備一個劍術的ListView，其中每個項目是輸入複選框等所示的圖像。綁定輸入複選框的屬性檢查，以一個字段

這ListView控件綁定一個具有兩個屬性的對象的列表：「標題」 &「器isChecked」

我用下面的模板編寫本ListView控件：

<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()) 
      });

正如在模板中可以看到「標題」屬性必須顯示覆選框的內容，但我需要將輸入的checked屬性綁定到「IsChecked」字段，以便如果它的值爲true，那麼複選框應該顯示爲已選中或未選中，如果爲false，則取決於該財產的價值。

如何CheckBox的Checked屬性綁定到「器isChecked」場？

一個問題..是有可能有雙向綁定，這樣如果我手動檢查/取消選中該複選框，將其值的「器isChecked」在DataSource屬性改變了嗎？

來源

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

一個問題..是有可能有雙向綁定，這樣如果我手動檢查/取消選中該複選框，將其值的「器isChecked」在DataSource屬性改變了嗎？ – user2091061

是的，這是可能的。爲此，您需要使用CRUD數據操作：http://docs.telerik.com/kendo-ui/framework/datasource/crud並使用'autoSync'。 – Adnan

回答

相關問題