kendo-ui - kendo - list view jquery

Obtener el objeto vinculado al elemento en Kendo ListView

Question

Tengo un kendoListView que está vinculado a una lista de objetos que tienen varios campos.

<div id="lstAllItems"></div>
<script type="text/x-kendo-tmpl" id="itemTemplate">
<div>
<label><input type="checkbox"/>#: Name#</label>
</div>
</script>
<script>
var itemsList = [{Name : "ABC", Age : 23, EmpID : 1},
{Name : "PQR", Age : 25, EmpID : 2},
{Name : "XYZ", Age : 23, EmpID : 3}
];
var _dataSource = new kendo.data.DataSource({
data: itemsList
});
$("#lstAllItems").kendoListView({
dataSource: _dataSource,
template: kendo.template($("#itemTemplate").html())
});
</script>

Ahora quiero obtener todos los elementos marcados en esa lista. Pude hacerlo usando el siguiente código:

$("#lstAllItems input").each(function () {
if (this.checked)
{
}
});

Ahora el problema es que no puedo encontrar la forma de vincular el objeto completo a esta entrada, es decir, deseo vincular todo el objeto a esta entrada marcada que no solo incluye Nombre sino también EmpID y edad (todas las propiedades de ese límite) objeto).

¿Cómo se puede lograr esto? ¿Es posible vincular el objeto al elemento en la vista de lista de Kendo?

Answer 1

Utilice el método dataItem de ListView y pase el elemento div principal, que corresponde al elemento.

$("#lstAllItems input").each(function () {
if (this.checked)
{
var listView = $("#lstAllItems").data("kendoListView");
var listViewItem = listView.dataItem($(this).closest("div"));
}
});

listViewItem será un objeto Kendo UI Model .