Saltar al contenido

¿Cómo se recorren todas las filas en la cuadrícula kendoUI con filtro?

Si encuentras algo que no comprendes puedes comentarlo y trataremos de ayudarte lo mas rápido que podamos.

Solución:

Para referencia futura y para aquellos que estén interesados, encontré la solución en:

Kendo UI: Paging and accessing the filtered results in javaScript

Funciona obteniendo primero la fuente de datos de la cuadrícula, obteniendo el filtro y los datos, creando una nueva consulta con los datos y aplicándole el filtro. Si bien esto da como resultado obtener los resultados del filtro, tiene la clara desventaja de procesar la operación del filtro dos veces.

function displayFilterResults() 
    // Gets the data source from the grid.
    var dataSource = $("#MyGrid").data("kendoGrid").dataSource;

    // Gets the filter from the dataSource
    var filters = dataSource.filter();

    // Gets the full set of data from the data source
    var allData = dataSource.data();

    // Applies the filter to the data
    var query = new kendo.data.Query(allData);
    var filteredData = query.filter(filters).data;

    // Output the results
    $('#FilterCount').html(filteredData.length);
    $('#TotalCount').html(allData.length);
    $('#FilterResults').html('');
    $.each(filteredData, function(index, item)
        $('#FilterResults').append('
  • '+item.Site+' : '+item.Visitors+'
  • ') );

    ¡¡¡Muchas gracias!!! Con esta ayuda ahora hice esto…

    kendo.data.DataSource.prototype.dataFiltered = function () 
        // Gets the filter from the dataSource
        var filters = this.filter();
    
        // Gets the full set of data from the data source
        var allData = this.data();
    
        // Applies the filter to the data
        var query = new kendo.data.Query(allData);
    
        // Returns the filtered data
        return query.filter(filters).data;
    
    

    ¡Así que ahora puedo obtener mis datos filtrados muy fácilmente! ¡¡¡Impresionante!!!

    Ejemplo:

    var dataFiltered = $("#MyGrid").data("kendoGrid").dataSource.dataFiltered();
    

    Sección de Reseñas y Valoraciones

    Nos puedes sostener nuestro ensayo ejecutando un comentario o dejando una valoración te lo agradecemos.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)


    Tags : /

    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *