Limite les cases à cocher sélectionnées au nombre de 5 - extjs, extjs4

J'ai six cases à cocher, par défaut deux cases à cochersera sélectionné au moment du chargement, et après je veux sélectionner plus de cases à cocher, mais si j'essaie de sélectionner toutes les cases à cocher, il affichera une alerte et il n'est pas possible de tout sélectionner. Signifie dans toutes les conditions qu'il peut sélectionner une ou jusqu'à cinq cases à cocher. Alors, comment puis-je implémenter cela ??

Réponses:

Utilisez un groupe de cases à cocher et validez en cas de modification. Voici un exemple de travail:

{
xtype: "checkboxgroup",
fieldLabel: "Two Columns",
// Arrange checkboxes into two columns, distributed vertically
columns: 2,
vertical: true,
msgTarget: "title",
listeners: {
change: function(cb,nv,ov) {
if(Ext.isArray(nv.rb)) {
if(nv.rb.length > 5){
cb.markInvalid("You can select only 5!");
} else {
cb.clearInvalid();
}
} else {
cb.markInvalid("You need to select at least 2!");
}
}
},
items: [
{ boxLabel: "Item 1", name: "rb", inputValue: "1", checked: true },
{ boxLabel: "Item 2", name: "rb", inputValue: "2", checked: true },
{ boxLabel: "Item 3", name: "rb", inputValue: "3" },
{ boxLabel: "Item 4", name: "rb", inputValue: "4" },
{ boxLabel: "Item 5", name: "rb", inputValue: "5" },
{ boxLabel: "Item 6", name: "rb", inputValue: "6" }
]
}