Ext.ux.form.field.BoxSelect - Intuitive Multi-Select ComboBox

srarnold, i have the same problem.
Error message in firebug.
Did you solved ?

Thanks
Manel.

Quote:

---

Originally Posted by maneljn

srarnold, i have the same problem.
Error message in firebug.
Did you solved ?

Thanks
Manel.

---

Yes I did, I found that by removing the typeAhead and lastQuery config items sorted this problem out, so my xtype looks like this:

Code:

---

 
xtype: 'boxselect',
id: 'cboIncWinGroups',
fieldLabel: 'Included Windows Groups',
queryMode: 'local',
emptyText: 'Please select a windows group',
width: 320,
growMin: 75,
growMax: 150,
forceSelection: true,
filterPickList: true,
displayField: 'WindowsGroup',
valueField: 'WindowsGroup',
store: TLC_WinIncGroupStore

---

@kveeiv
Thanks for continuing to support this extension!

Quote:

---

Originally Posted by srarnold

Yes I did, I found that by removing the typeAhead and lastQuery config items sorted this problem out, so my xtype looks like this:

Code:

---

 
xtype: 'boxselect',
id: 'cboIncWinGroups',
fieldLabel: 'Included Windows Groups',
queryMode: 'local',
emptyText: 'Please select a windows group',
width: 320,
growMin: 75,
growMax: 150,
forceSelection: true,
filterPickList: true,
displayField: 'WindowsGroup',
valueField: 'WindowsGroup',
store: TLC_WinIncGroupStore

---

---

srarnold, thanks. now works fine without error

Manel

I ran into a problem with regards to trackResetOnLoad. Fixed it this way:

setValue (Line 1308)

Code:

---

if ((skipLoad !== true) && (unknownValues.length > 0) && (me.queryMode === 'remote')) {
            me.isLooking = true;
            var params = {};
            params[me.valueParam || me.valueField] = unknownValues.join(me.delimiter);
            me.store.load({
                params: params,
                callback: function () {
                    if (me.itemList) {
                        me.itemList.unmask();
                    }


                    me.setValue(value, doSelect, true);
                    me.autoSize();
                    me.lastQuery = false;
                  me.isLooking = false;
                  me.fireEvent("lookupcomplete");
                }
            });


            return false;
        }

---

resetOriginalValue (new override)

Code:

---

resetOriginalValue: function () {
        var me = this;
        if (me.isLooking) {
            me.on("lookupcomplete", this.resetOriginalValue, this, { single: true });
        } else {
            me.callParent(arguments);
        }
    }

---

Works on my machine (so far).

I found that it is leaking global around line 1553

PHP Code:

---

/**
 * Track height change to fire {@link #event-autosize} event, when applicable.
 */
afterComponentLayout: function() 
{
    var me = this, width, height;//height was missing here hence got declared in global scope

    if (me.autoSizing) 
    {
        height = me.getHeight();
        if (height !== me.lastInputHeight) 
        {
            if (me.isExpanded) 
            {
                me.alignPicker();
            }
            me.fireEvent('autosize', me, height);
            me.lastInputHeight = height;
            delete me.autoSizing;
        }
    }
} 


---

Wonderful component!!

But, one question: is there an example with queryMode: "remote" and typeAhead: "true" ? I tried in my project but it doesn't work.

When I use queryMode: "local" while my store, it can work, but the paging display is wrong. If I use queryMode: "remote", then nothing displayed...

Thank you!

I found the bug if in the cpmponent press TAB button - the error is present. For exmapl,e select last visited item in the list.

For me problem was fixed by comment line 611 and 613:

Code:

---

onListSelectionChange: function(list, selectedRecords) {
        var me = this,
        valueStore = me.valueStore,
        mergedRecords = [],
        i;

        // Only react to selection if it is not called from setValue, and if our list is
        // expanded (ignores changes to the selection model triggered elsewhere)
        if ((me.ignoreSelection <= 0) && me.isExpanded) {
            // Pull forward records that were already selected or are now filtered out of the store
            valueStore.each(function(rec) {
                //if (Ext.Array.contains(selectedRecords, rec) || me.isFilteredRecord(rec)) {
                    mergedRecords.push(rec);
              //}
            });

---

Anyone else having an issue with bindStore() on boxselect? After I set a dataStore to the boxselect and "expand" it, if I call bindStore() with the new datastore as a parameter, it doesn't take. If I call bindStore with the first store, don't expand and then call bindstore again with a different store, when I expand I actually see the correct store data.

To get around it for now I'm using the following kluge:

Code:

---

boxSelect.bindStore(myNewStore);
boxSelect.picker.destroy();
boxSelect.createPicker();

---

I had a custom store object which I thought might be the problem but when I do the same test with an ext combobox, it works as expected.

In the original poster's demo page, for the first example there is a bug. I'm using chrome. Clear all the default selections, then type in states in this order (not via clicking them on the dropdown):

texas alabama alaska maine florida.

Then try and type in say wisconsin. Because that list went all the way to the right side, you somehow lose the cursor and it doesn't wrap to a new line.

Thanks for the great work on this plugin!