XCheckboxGroup

[mjlecomte]

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)

http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/examples/xcheckboxgroup.PNG

Features:

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.).


Notes:

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.


Revisions:

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

[Remy]

Very nice extension Michael =D>

[Remy]

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.

[mjlecomte]

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.

[maple]

when count of items given is less than columns there will be a bug like this:
13877

what i want is:
13878

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];
if(this.defaults){
cc.defaults = Ext.apply(cc.defaults || {}, this.defaults)
}
cols.push(cc);
};
whole js file 13876

[wyyacyy]

Note:
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.