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

[Grolubao]

Any progress on the licensing?

[qiankun]

en,I like this, Thanks

[armandoxxx]

Hey

I need a bit of a help with focus on superboxSelect element.

I have a form with fields and one field triggers loading of elements in sbs component and then sbs steals focus. Is there a way to force it not to steal focus ?

Regards

Armando

[Antjac]

I downloaded the extension from the link provided in first page. it did not contain assertValue function.
Currently by using this control as grid editor it shows values when we try to edit the cell and show values but as i move out the cell it clears cell contents
I actually want to use this control in grid editor. Can you please post ur whole code
I shall be thankful to you

Just add :

Ext.override(Ext.ux.form.SuperBoxSelect, {
assertValue:null
});

[Grolubao]

Thanks a lot for this fix! Appreciated!

One a side note, this worked in SuperboxSelect version 2, but in 3 it needs your fix.

I shamefully contribute way too little given the help I get from these extensions and forum so here's a little payback.

I've been using this great extension for a while successfully in an EditorGrid.

Having recently upgraded to 3.3 I found that SuperBoxselect would set the record field value to "".
After a good few hours tracing the problem it looks like it is because the grid editor tries to call this.field.assertValue() on edit complete if this exists. Since superboxSelect inherits form the combo (which has this method) this gets called.
The method is unique to combo (not needed on superbox).

my fix:

Ext.override(Ext.ux.form.SuperBoxSelect, {
   assertValue:null
});

(I'd suggest any future release of this include the above property setting)

[Mr.Solomon]

thanks very much ,I followed your post,and I solved this problem

[Mr.Solomon]

thanks, I solved this problem!

Just in case somebody gets the same problem as I got.

My Problem:
I have the superboxselect element inside a window. When window shows first time, everything is fine. However, if window hides and shows at the second time, the list of superboxselect is missing.

Solution:

Actually, the list is not missing. It is just behind the window element. The zindex of window element will be changed based on the number of windows (including msg box) to make sure the showed one is always on top of windows. However, the zindex of the list from superselectbox is not changed after first time rendering.

To fix this problem just simple add

expand : function(){
        if (this.isExpanded() || !this.hasFocus) {
            return;
        }
        this.list.setZIndex(this.getZIndex());
        this.list.alignTo(this.outerWrapEl, this.listAlign).show();
        this.innerList.setOverflow('auto'); // necessary for FF 2.0/Mac
        Ext.getDoc().on({
            mousewheel: this.collapseIf,
            mousedown: this.collapseIf,
            scope: this
        });
        this.fireEvent('expand', this);
    },

Hope this help anyone.

[Joyfulbob]

Thanks!

We have an app with 2 multi-select CBs. The first one works, but then when you use the 2nd one, it's list is hidden behind the window the same as your situation.

Any fix for this situation?

Thanks in advance.

[leduc]

Hello All,

I have an issue with renderer on IE8 as soon as the SP1 is installed on Win7 no trouble with IE8 if the OS SP1 is not installed.
In fact, the height of combo box is not available.
On first renderer, it's smaller, and after when the list growing the height doesn't change, so we can not read the selected elements.
Have you some trick on IE8 parameters or correction on superBox to avoid this?

Thanks you for your help.

[Joyfulbob]

Thanks for the solution but it doesn't work for us. We're on FF 20.0.1.

If we have 2 super CBs the second one behaves like this with the drop-down list 'behind' the input box.

expand : function(){
        if (this.isExpanded() || !this.hasFocus) {
            return;
        }
        this.list.setZIndex(this.getZIndex());//RK..6.19.2012 Fix for successive clicks rendering the list behind the window
        this.list.alignTo(this.outerWrapEl, this.listAlign).show();
        this.innerList.setOverflow('auto'); // necessary for FF 2.0/Mac
        Ext.getDoc().on({
            mousewheel: this.collapseIf,
            mousedown: this.collapseIf,
            scope: this
        });
        this.fireEvent('expand', this);
    } 

Any ideas?