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 .