[3.x] Ext.ux.form.SuperBoxSelect

[galdaka]

Hello All

First of all Thanks Dan for this very cool extension.

I was using it in a job i was making and my boss wanted to use some normal style like the present in other Ext Widgets, So i modified the css and came out with something more close to the ext widgets style, so i am sharing it now with the community.

Here is an screenshoot:

Here is the dan Examples using this css:
http://playground.ideashs.com/superboxselect/
And here is the css with the image files required:
http://playground.ideashs.com/superb...ctsmallcss.zip

I hope someone find it useful.

Cya around.

Excellent work!!

I think this changes would be part of original extension. With this style the component fits perfectly to Ext core.

Greetings,

[danh2000]

@syscobra, very nice!

It won't make it into the component as I was specifically asked to create inline icons, but I like how you've adapted it to suit your needs!

[abraxxa]

Is there an option to limit the number of items?
I'd like to replace all comboboxes with this because edit form loading works so flawless with it.

[radtad]

@syscobra really nice! They're much cleaner!

Also, can we add this to the css?

.x-item-disabled .x-superboxselect-input input {background: none !important}

Then you don't get the greyed out input type on disabled. It should follow the standard with all other disabled Ext form components. In addition, I don't know if anyone else agrees, but if the SuperBoxSelect is disabled, it should not show the emptyText if any as well.

[syscobra]

Ok i added it to the zip, so everyone who download it from now will get your fix rad, thanks

The empty text stuff i think you can modify it in the line 487 to fit your needs. (you can remove it in there) or you can modify the function in line 946.

[lanhun]

In the EXT 3.0.3 will not work

error:
el.dom Undefined

[abraxxa]

@lanhun: works for me

[lanhun]

@lanhun: works for me

I have a window inside a form, I opened the window to use this extension when there is no problem, but when I close the window when the error arises

[lanhun]

Work for errors in the EXT3.0.3.

el.dom is undefined

autoSize :  function(){   if(!this.rendered){ 
     return this; 
  } 
  if(!this.metrics){ 
     this.metrics =  Ext.util.TextMetrics.createInstance(this.el); 
  } 
  var el = this.el, 
  v = el.dom.value,  !!!!!!!!!!!!!!!!

  d =  document.createElement('div');

var user_attr_multiselect = {
            xtype: 'superboxselect',
            fieldLabel: 'attr',
            resizable: true,
            name: 'user_attr[]',
            store: new Ext.data.JsonStore({
                autoLoad: true,
                url: '__APP__/UserAttr/miniList/',
                root: 'data',
                fields: ['name', 'code']
            }),
            mode: 'local',
            displayField: 'name',
            valueField: 'code',
            queryDelay: 0,
            triggerAction: 'all',
            forceSelection: true,
            forceFormValue: true,
            allowBlank: true
        };

[abraxxa]

I found a bug in setValue.
When the value is an empty Array it fails in line 1244:

var values = Ext.isArray(value) ? value : value.split(this.valueDelimiter);

To fix it I've added this just before line 1244:

if(!value){
     return;
}