2016-11-24 71 views
0

我有劍道列表視圖,其中每個項目如下圖所示的圖像複選框,一些文本字段的組合:獲取綁定到每個列表項的項目和對象劍道的ListView

enter image description here

在點擊保存按鈕,我需要從kendo列表視圖中獲取選中的元素。使用items()或dataItems()方法,我得到表示模板的項目列表,但不是我實際需要的項目,即已檢查的項目。

如何確定是否選中了特定的列表項?

代碼如下:

<div id='lstItems'></div> 

    var _dataSource = new kendo.data.DataSource({ 
        data: [{ Title: "Item 1", ID: 121 }, { Title: "Item 2" , ID: 122}, { Title: "Item 3" , ID: 123}], 
       }); 

    $("#lstItems").kendoListView({ 
        dataSource: _dataSource , 
        template: "<div><label><input type='checkbox'/>#:Title#</label></div>" 
       }); 

我有更多的一個問題,我需要將整個對象綁定到一個列表項,以便於獲取的檢查的項目,我可以得到包括完整的對象2屬性:標題,ID。

我對kendo.js和HTML相當陌生,所以沒有太多的方法。

+0

的可能的複製[獲取劍道的ListView綁定到項目的對象(http://stackoverflow.com/questions/40822732/get-the-object-bound-to-item-in-kendo-listview ) – dimodi

回答

0

如果你能一個布爾添加到您的視圖模型,如:

var _dataSource = new kendo.data.DataSource({ 
        data: [{ Title: "Item 1", ID: 121, checked: false }, { Title: "Item 2" , ID: 122, checked: true}, { Title: "Item 3" , ID: 123, checked: true}], 
       }); 

而且你可以更新你的模板,例如,如果有檢查,真正在你的數據源,您可以將複選框設置爲選中狀態並且選中時未檢查狀態設置爲false。

當您點擊保存在您的dataSource上執行.filter()以獲取已檢查的項目。

dataSource.filter({ field: "checked", value: "true" }); 
var view = dataSource.view(); 
console.log(view); 
相關問題