Valider les cases cochées du groupe CheckboxGroup d'ExtJS

Question

En utilisant ExtJS 4, j'ai un Ext.form.CheckboxGroup et je veux valider ce groupe de cases à cocher, par exemple "valide uniquement si 1, 2 ou 3 cases sont cochées" sur un ensemble de 10 cases à cocher. Il existe un allowBlank: false L'option de configuration que je peux définir pour m'assurer que le CheckboxGroup a au moins une case cochée. J'aimerais obtenir essentiellement la même fonctionnalité mais avec une fonction de validation personnalisée afin de pouvoir spécifier mes propres critères.

Comment puis-je y parvenir ?

En regardant la documentation et le code, je ne vois pas de façon claire de faire cela. Des suggestions ?

Answer 1

Je recommande d'utiliser un attribut supplémentaire dans l'objet de configuration pour spécifier le nombre de cases à cocher ou un tableau d'identifiants de cases à cocher à vérifier. Si vous voulez que la validation soit comme un déclencheur (activer/désactiver), vous pouvez le gérer dans l'objet change gestionnaire de l'événement.

Si vous souhaitez utiliser la validation avec un message d'erreur et/ou rendre le composant réutilisable, il est préférable de suivre la méthode de Sha ci-dessus.

Answer 2

Vous pouvez essayer d'étendre la norme Ext.form.CheckboxGroup en écrasant validate() pour qu'elle renvoie la valeur "true" lorsqu'un certain nombre de cases sont cochées.

Je ne vois rien de plus standard, mais cela ne devrait pas être compliqué.