Comment gérer PagingToolbar en Ext-js 4.2 correctement?

js 4.2), et j'ai des problèmes quand je gérer une barre d'outils sur une grille qui utilise un Proxy (ajax).

 this.grid  = new Ext.create('Ext.grid.Panel',{
            region      : 'center',
            loadMask    : true,
            layout      : 'fit',
            store       : 'Contenedores',

            tbar: [
                   { text: 'Exportar Excel' },
                   '->',
                   { text:'Buscar',     handler: this.buscar,   scope: this},
                   '-',
                   { text:'Limpiar',    handler: this.limpiar,  scope: this}
            ],
            columns : [],

            bbar : new Ext.create('Ext.toolbar.Paging',{
                store: 'Contenedores', displayInfo: true,
                displayMsg  : 'Registros {0} - {1} de {2}',
                emptyMsg    : 'No hay registros'
            })
        });

Les problèmes, je vais avoir sont:

  • Quand je l'appelle à stocker.load(), pagingToolbar ne bloque pas donc je peux cliquer sur la prochaine page, et lorsque la grille est chargé j'obtiens la page incorrecte sur pagingtoolbar. Sur Ext js 3 quand je se loadMask: vrai sur la grille, le pagingToolbar se bloque lorsque j'appelle le magasin.load().
  • Si je suis sur une page comme 2 ou plus et je lance un appel à stocker.load(), pagingToolbar n'est pas mise à jour, après le chargement de la page en cours étiquette 1.
  • J'ai besoin de mettre en œuvre un nettoyage/bouton de réinitialisation, alors comment puis-je nettoyer les étiquettes sur les pagingtoolbar.

merci d'avance.

  • n'a la réponse pour vous? Si oui, veuillez marquer comme réponse ou fournir la raison pourquoi il ne fonctionne pas.
  • Merci pour votre aide, mais j'ai besoin d'appeler le magasin.charge(avec paramethers), et j'ai trouvé par moi-même que je peux le faire: ce n'.de la grille.magasin.loadPage(1,{params: {..}}), mais j'ai encore besoin de trouver un moyen pour effacer le pagingtoolbar lorsque j'utilise mon propre/resert bouton (point 3). merci encore pour votre aide 😀
  • mise à jour de la réponse à montrer un exemple de paramètre params sur la boutique du proxy avant d'appeler moveFirst() sur la pagination de la barre d'outils
InformationsquelleAutor Pregunton | 2013-04-11
  1. 2

    Si un résultat prévu de faire un store.load() est d'aller à la première page de votre grille, vous pouvez simplement appeler moveFirst() sur votre pagination de la barre d'outils, plutôt que de charger sur le store directement. Exemple:

    var pagingtb = Ext.create('Ext.toolbar.Paging',{
                store: 'Contenedores', 
                displayInfo: true,
                displayMsg  : 'Registros {0} - {1} de {2}',
                emptyMsg    : 'No hay registros'
            });

this.grid  = Ext.create('Ext.grid.Panel',{
            region      : 'center',
            loadMask    : true,
            layout      : 'fit',
            store       : 'Contenedores',

            tbar: [
                   { text: 'Exportar Excel' },
                   '->',
                   { text:'Buscar',     handler: this.buscar,   scope: this},
                   '-',
                   { text:'Limpiar',    handler: this.limpiar,  scope: this}
            ],
            columns : [],

            bbar : pagingtb 
        });

pagingtb.moveFirst();

    Aussi, vous n'avez pas besoin du mot-clé new avant Ext.create(...) --> create() retourne une instance de la classe spécifiée.

    Si vous avez besoin de votre magasin pour envoyer les paramètres supplémentaires, vous pouvez les mettre sur le proxy avant d'appeler moveFirst() ou doRefresh() sur votre barre d'outils. Exemple:

    store.getProxy().extraParams.someParameter1 = 'some value';
store.getProxy().extraParams.someParameter2 = 'another value';
pagingtb.doRefresh(); //or .moveFirst() if you want the grid to 
                      //move to the first page after load
    • Merci cela a résolu un autre problème pour moi qui était "extjs pagingtoolbar bouton suivant ne fonctionne pas" j'ai dû appeler ce moveFirst à obtenir pour réaliser qu'il était sur la première page, peut-être il ya un moyen plus facile, mais cela a fonctionné pour moi, merci
    InformationsquelleAutor James