चयनित चेकबॉक्स को 5 - extjs, extjs4 की संख्या में प्रतिबंधित करें

मेरे पास छह चेकबॉक्स हैं, डिफ़ॉल्ट रूप से दो चेकबॉक्स हैंलोडिंग समय पर चुना जाएगा, और उसके बाद मैं अधिक चेकबॉक्स का चयन करना चाहता हूं, लेकिन अगर मैं सभी चेकबॉक्सों का चयन करने का प्रयास करता हूं तो यह अलर्ट दिखाएगा और सभी का चयन करना संभव नहीं होगा। हर हालत में यह एक या पांच चेकबॉक्स तक का चयन कर सकता है। तो मैं इसे कैसे लागू कर सकता हूं ??

उत्तर:

चेकबॉक्स समूह का उपयोग करें और परिवर्तन पर मान्य करें। यहाँ एक काम करने का उदाहरण है:

{
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" }
]
}