Grille Panel Scrollbars dans Extjs 4 ne fonctionne pas

var gusersPanel = Ext.create('Ext.grid.Panel', {
    flex:1,
    columns: [{
        header: 'User Login',
        dataIndex: 'user_login',
        width:150
    },{
        header: 'User Name',
        dataIndex: 'user_nicename',
        width:150
    },{
        header:'Privledge',
        dataIndex:'admin',
        width:150
    }],
    autoScroll: true,
    layout:'fit',
    selModel: gusersSel,
    store: gusersStore

})

Salut, je suis en utilisant le code ci-dessus pour le Panneau grille en Extjs4.0.2 un Quand j'ai charger les données de façon dynamique dans la stocker les barres de défilement ne sont pas de travail .
J'ai également essayé d'utiliser doLayout() pour la grille de Panneau mais dosent trop de travail .
Le Panneau grille est dans une Fenêtre .

Tout ce qui peut résoudre ce problème ?

Effectivement, il fonctionne pendant un certain temps, mais ne marche pas travailler tout le temps .

source d'informationauteur Pratik Mehta

  1. 12

    J'ai eu le même problème. Ils personnalisée utiliser la barre de défilement et c'est assez buggé (spécialement dans chrome). Si vous n'allez pas utiliser infini défilement de la solution possible pourrait être de supprimer la barre de défilement personnalisée et natif. Pour le faire, ajoutez les lignes suivantes à la grille de l'config:

    var gusersPanel = Ext.create('Ext.grid.Panel', {
  scroll          : false,
  viewConfig      : {
    style           : { overflow: 'auto', overflowX: 'hidden' }
  },
  //...
});
  2. 9

    Je n'ai gusersPanel.determineScrollbars() lorsque je suis sur l'ajout et la suppression des données en mémoire et il fonctionne très bien .

  3. 3

    Le problème, c'est le défilement de l'auditeur est attaché à l'élément div sur l'événement afterrender, mais alors, si la barre de défilement n'est pas nécessaire après une mise en opération de l'élément div est retiré de la dom. Puis, quand il est nécessaire encore une fois il est de nouveau ajouté, mais seulement si suffisamment de temps a passé, la collecte des ordures rend extjs recréer la div nœud, et cette fois, ajouté au dom sans fixer le défilement de l'auditeur à nouveau. Le code suivant permet de résoudre le problème:

    Ext.override(Ext.grid.Scroller, {
    onAdded: function() {
        this.callParent(arguments);
        var me = this;
        if (me.scrollEl) {
            me.mun(me.scrollEl, 'scroll', me.onElScroll, me);
            me.mon(me.scrollEl, 'scroll', me.onElScroll, me);
        }
    }
});
  4. 0

    Vous avez écrit le code de mise en page: '"adaptation". Il n'a pas de défilement automatique.

    Modifier le code à la hauteur et de la suppression de la disposition: "ajustement" de code.

    Comme ça.

    var gusersPanel = Ext.create('Ext.grid.Panel', {
    flex:1,
    columns: [{
   ...........
    }],
autoScroll: true,
//layout:'fit',
height: 130,
selModel: gusersSel,
store: gusersStore

    C'est vous aider. Des acclamations.