Lorsque vous utilisez le composant GridPanel des extjs, les données de stroe dans GridPanel sont souvent filtrées, de sorte que la barre de défilement apportée par GridPanel elle-même est parfois invalide.
Prenez un exemple. La barre de défilement fournie avec EXTJS GRIDPANEL a une largeur de colonne fixe pour placer la barre de défilement, comme indiqué sur la figure ci-dessus. Ainsi, lorsque cette barre de défilement échoue, peu importe la façon dont vous faites glisser la barre de défilement, les données de la grille n'afficheront jamais les données dans la zone correspondante au fur et à mesure que la barre de défilement se déplace (en d'autres termes, les données que vous voyez toujours sont les enregistrements dans la capture d'écran).
Quant à pourquoi GridPanel échoue? Il n'est pas clair quelle est la raison. Auparavant, les gens ont rencontré des problèmes similaires sur le forum EXTJS et le stackOverflow, mais les versions peuvent être à la fois avant 4.1. L'équipe de développement d'Extjs a déclaré avoir résolu ce problème depuis 4.1 (pas sûr, j'espère utiliser la version 4.1 des chaussures pour enfants pour argument).
D'accord, parlons de la façon de résoudre l'échec de la barre de défilement.
xType: 'GridPanel', // Autoscroll: true, Scroll: false, ViewConfig: {Style: {Overflow: 'Auto', Overflowx: 'Hidden'}}Vous pouvez voir que la propriété AutoScroll est désactivée et que le défilement est défini sur FALSE, puis la vue ViewConfig est définie. Ici, la barre de défilement horizontale est désactivée, ne laissant que la barre de défilement verticale. OK Problème résolu, voir l'effet:
Pour le moment, vous constaterez que la barre de défilement n'a pas de colonne inhérente, mais est fusionnée avec la dernière colonne de grille. La barre de défilement fournie avec GridPanel est désactivée.
Ce bug potentiel a également été résolu.
Cependant, cette utilisation est préférable de définir toutes les colonnes de la grille sur une largeur fixe et de définir les propriétés:
Resizable: faux
Cela peut éviter certains problèmes inutiles causés par la désactivation des barres de défilement horizontales.