View Full Version : XCheckboxGroup

15 Dec 2008, 6:44 AM
Class: Ext.ux.form.XCheckboxGroup
Description: This is just enhancing the standard CheckboxGroup class a tad.

Docs: Ext.ux.form.XCheckboxGroup (http://extjs-ux.org/docs/index.html?class=Ext.ux.form.XCheckboxGroup)
Demo: here (http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/examples/xcheckboxgroup.html)



adds configurable toolbar
preconfigured toolbar All, None, and Invert buttons that select all, select none, or invert current selection of checkboxes within the group respectively.
adds data config option so group will automatically build the checkboxgroup from the supplied json data set.
this implementation exposes the underlying Panel leveraged by the CheckboxGroup so you can configure the panel any way you like (for example adding autoScroll: true, specifying width/height/autoheight, adding toolbars, etc.).


specify panelTools: null if you don't want a toolbar
currently the external data specified (if any) will overwrite (not replace) any inline data specified for the group.


0.2 - disabled items would still be altered by toolbar actions. added config setting to control replacement of "items" specified with "data".
0.1 - initial

15 Dec 2008, 6:45 AM
Very nice extension Michael =D>

15 Dec 2008, 9:13 AM
I tried to create some icons that seem a bit more contextual than the existing ones, not sure I am happy with the results as they tend to get lost or confuse the interface but I've put them up anyway.

16 Dec 2008, 6:06 AM
Bump for the 0.2 patch.

I haven't incorporated the images to svn as of yet. I find the images a tad distracting in present state as you mentioned Remy.

27 May 2009, 3:09 AM
when count of items given is less than columns there will be a bug like this:

what i want is:

i make a small modification to fix this:

// Generate the column configs with the correct width setting
//** modified by maple 2009-5-27
var columnCount = numCols>this.items.length ? this.items.length : numCols;
for(var i=0; i<columnCount; i++){
//for(var i=0; i<numCols; i++){
var cc = Ext.apply({items:[]}, colCfg);
cc[this.columns[i] <= 1 ? 'columnWidth' : 'width'] = this.columns[i];
cc.defaults = Ext.apply(cc.defaults || {}, this.defaults)
whole js file 13876

5 Jan 2010, 5:18 PM
currently the external data specified (if any) will overwrite (not replace) any inline data specified for the group.

I come across this problem.However ,I can't solve it.can somebody help me?
thank u very much.