ExtJS CheckboxSelectionModel crée deux cases à cocher?

Question

Je viens de remarquer que ma grille extJS, qui utilise un CheckboxSelectionModel, affiche en fait deux cases à cocher dans la colonne la plus à gauche. Si je rends la colonne plus large, je peux le voir. La case à cocher supplémentaire est cochée lorsque je coche une ligne. Cela se produit également dans les démos intégrées et partout une grille extjs utilise un modèle checkboxselection. Je ne suis pas sûr si c'était toujours le cas, quelque chose de nouveau ou juste un problème avec mon système. Est-ce que quelqu'un a déjà rencontré ça? Savez-vous si ça va et pourquoi avez-vous mis une case à cocher supplémentaire?

Merci Harel

Answer 1

Pouvez-vous confirmer que la première case à cocher est en fait vraiment une case à cocher et non une image représentant une case à cocher? Je ne sais pas avec certitude, mais il est possible que la deuxième case à cocher que vous voyez soit la vraie case à cocher et la première est une image de case à cocher qui est utilisée pour garder les cases à cocher cohérentes entre les navigateurs. Je sais qu'il y a eu des extensions Ext qui le font, je ne sais pas si cela fait partie de la bibliothèque Ext elle-même. Normalement, la deuxième case à cocher doit être cachée par css.

Vous pouvez facilement vérifier cela en inspectant le DOM avec firebug.

Edit: Je viens de vérifier les exemples et apparemment ce que je dis semble être le cas, le checkboxgrid utilise un sprite avec 2 css différents états dans l'image 1 (this image). Donc, si vous développez la colonne avec les cases à cocher les deux parties de l'image-objet et vous voyez en effet 2 cases à cocher.

Notez qu'il ne s'agit pas de cases à cocher mais de divs avec une image de case à cocher et un événement click.