Kendo ui grille pagable taille changeant après rafraîchir la grille

Question

J'ai grille de kendo avec formulaire de recherche personnalisé. Dans mon formulaire de recherche, j'ai soumettre et réinitialiser le bouton. Si quelque chose de recherche, puis la grille se mettra à jour avec la source de données de filtre recherché, et cliquez sur réinitialiser la grille sera actualisé avec la nouvelle source de données. Mon problème est sans réinitialisation Si je change la valeur de mise en page 10 à 20 et je clique sur réinitialiser la grille .. alors la grille change de page 20 à 10 ... Si je clique sur la page suivante alors la page reste 20 pour la deuxième page, 10 pour la première page

Comment résoudre ce problème? Une idée ? Mon code paginable:

  pageable: { 
       pageSizes: [10,20, 30, 50], 
       buttonCount: 5, 
       messages: { 
        itemsPerPage: "Items per page", 
        first: "First", 
        previous: "Prev", 
        next: "Next", 
        last: "Last", 
       } 
      }, 

Answer 1

Ma compréhension est que vous êtes maintenant changing the Kendo UI DataSource instance auquel la grille est liée. Si tel est le cas, alors vous avez deux options:

• au lieu de changer l'instance dataSource, modifier uniquement les données du current dataSource instance en utilisant sa méthode data(). Vous pouvez également avoir besoin de clear the filter programmatically.
• si vous préférez modifier l'instance DataSource, puis obtain the page size à partir de l'ancienne instance et set it to be the same in the settings de la nouvelle instance DataSource.

Answer 2

Comme dimodi a déclaré

Vous devrez peut-être effacer le filtre et mettre votre pageSize

Exemple:

var grid = $("#GridName").data("kendoGrid"); 

grid.clearSelection(); 

var pagesize = grid.dataSource.pageSize(); 
grid.dataSource.query({ 
    sort: { field: sortField, dir: sortDescOrAsc }, 
    page: 1, 
    filter: {}, 
    pageSize: pagesize 
});