Rechargement/réactualisation de la grille Kendo

Question

Comment recharger ou rafraîchir une grille Kendo Grid en utilisant Javascript ?

Il est souvent nécessaire de recharger ou de rafraîchir une grille après un certain temps ou après une action de l'utilisateur.

Answer 1

Vous pouvez utiliser

$('#GridName').data('kendoGrid').dataSource.read(); <!--  first reload data source -->

$('#GridName').data('kendoGrid').refresh(); <!--  refresh current UI -->

Answer 2

Je ne rafraîchis jamais les données.

$('#GridName').data('kendoGrid').dataSource.read();

seul fonctionne pour moi tout le temps.

Answer 3

$('#GridName').data('kendoGrid').dataSource.read();
$('#GridName').data('kendoGrid').refresh();

Answer 4

Dans un projet récent, j'ai dû mettre à jour la grille Kendo UI en fonction de certains appels qui se produisaient sur des sélections de listes déroulantes. Voici ce que j'ai fini par utiliser :

$.ajax({
        url: '/api/....',
        data: { myIDSArray: javascriptArrayOfIDs },
        traditional: true,
        success: function(result) {
            searchResults = result;
        }
    }).done(function() {
        var dataSource = new kendo.data.DataSource({ data: searchResults });
        var grid = $('#myKendoGrid').data("kendoGrid");
        dataSource.read();
        grid.setDataSource(dataSource);
    });

J'espère que cela vous fera gagner du temps.

Answer 5

Si vous ne souhaitez pas avoir de référence à la grille dans le gestionnaire, vous pouvez utiliser ce code :

 $(".k-pager-refresh").trigger('click');

Cette opération permet d'actualiser la grille, s'il existe un bouton d'actualisation. Le bouton peut être activé comme suit :

[MVC GRID DECLARATION].Pageable(p=> p.Refresh(true))