Ext.ux.BoxSelect (like the Facebook's one)

Hi,

You're extension was really great. I'm happy that you still work on it.

However, I notice some problem. Try to add an element, remove it, add again.
The available selection grows... but with duplicate items.

The link to the demo doesn't work.

Finally, I agree with galdaka suggestion and could be good to have a reset function which remove boxes (caption and on the store) and free-element.

Even if you don't want to add this functionnality, could explain me how to get and to remove the RawValue properly.

Replace:

onLnkClick : function(e){
e.stopEvent();
this.fireEvent('remove', this);
this.dispose();
},


Whit:


onLnkClick : function(e){
e.stopEvent();
this.dispose();
},

Quote:

---

Originally Posted by zilionis

Heh i made too few weeks ago, already posted here http://extjs.com/forum/showthread.ph...light=facebook

---

Not work in IE. ;)

Thanks in advance,

P.D: Is posible enter "free values"?

Hi,
I would like to resolve an item when I type it and then move cursor to the different part of the product (lost focus). I tried to use "onBlur" method, which works fine almost in all cases. But it also executed when a list is shown and I select any item. So when I select an item, "onBlur" is first, then "onSelect". That causes two items are shown: the partially typed and the selected one. The question how can I distinguish this sort of losing focus from others.
Thanks a lot,
Irina

Very nice work indeed!

I think I may have found a bug in the latest release: After using addItem(), getValue() does not return it (only items added through the UI or setValues), but calling getValues() on the parent form returns everything, including the addItem() items. I'm not sure why...

(update)
Hmmm. It gets worse. After deleting items through the UI, they no longer appear in getValue() as expected, but they remain in getValues(). Still puzzled...

One other observation: The JS object returned for the BoxSelect field always contains an extra blank value.

Thanks provagino but it doesn't seems to work.

Anybody have an idea to combine "free-value" and pre-defined values (see galdaka post, previous page) ?

setValue uses store's find function, which (strangely) has no way to match an exact term except if you pass it a RegExp...

Code:

---

this.store.find(this.valueField, item.trim())

---

I had numeric values 59 and 593, and when the data was set, 59 was matching 593 because of this.

Here is a simple fix

Code:

---

this.store.find(this.valueField, new RegExp('^'+item.trim()+'$'));

---

Hi
A very useful and great extension for Extjs.
I have a question related to the select event.
I want to create two instances of this class, but i want them to behave different when an item is selected and not erase the code in the Ext.ux.BoxSelect class. In other words, i want to extend the response for the select event.
How can i do this?
Thanks in advance

If you set allowBlank:false, as soon as you remove an item it sets the field to invalid, even if there are still others items.

PHP Code:

---

var emailTo = new Ext.ux.BoxSelect({
    fieldLabel: 'To',
    labelStyle: 'font-weight:bold; width:30;',
    resizable: true,
    name: 'to[]',
    anchor:'95%',
    store: emailDS,
    mode: 'local',
    displayField: 'userName',
    displayFieldTpl: '{userName} ({email})',
    valueField: 'email',
    addUniqueValues: false,
    allowBlank:false
}); 


---

After more testing it seems that if you add allowBlank:false, it will always be invalid on blur, regardless of items selected.

It seems that once you add an item, it gets submitted, even if you remove it. I added 3 items, then removed 2 of them. getValue(), shows only one item now, but all three still get submitted. This happens with my code in the post above and with the included example if you add a submit button.

Any ideas?