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

[mahesh21688]

Thanks for your help,

The mistake that you point out for layout is just bcoz I shown you the main part of code

with static store u mentioned to use is working fine, and I feel the BoxSelect is awesome. But still I am having problem in BoxSelect when using the data from URL in my store. Below is code for my store.

Ext.define("Post1", {
extend: 'Ext.data.Model',
fields: [
{name: 'name', mapping: 'name'}
]
});

var ds = Ext.create('Ext.data.Store', {
model: 'Post1',
proxy: {
type: 'ajax',
url : '/myURL/keywordDataServlet',
method:'POST',
reader: {
type: 'json',
root: 'rows'
}
}
});

As kunalshah6363 mentioned that first time data perfectly load into BoxSelect as shown in his image. But while selecting second value by typing it gives the earlier mentioned error.

Thanks,
Mahesh

[foxmarco]

It would be fantastic if someone could add the action 'add all' to select all items with one click. Plz i'm not able to do this..

Thanks

[abraxxa]

*subscribe*
Thanks, I'll give it a try once I find time to port our app to ExtJS 4 which requires some UX to be ported first.

[navvn]

Is it possible to make this component to work as email suggest?
There will be values from store but lets say you can also write a custom value and after ENTER or ',' it will automaticly be a box?

[kveeiv]

1.0 has been released and the first post has been updated. Please see that post for a more complete list of updates. Many thanks go out to the many testing and coding contributions that have been made so far for this extension, with special thanks to kleins for his alternative implementation and his willingness to collaborate and merge together the features from both of these extensions.

To respond directly to earlier feedback from this thread:

* On a remote queryMode combo, if you load the store for the field and then call setValue on the field, the correct item appears in the input box. However, the first time a user expands the list, the combo reloads the store and any selected values are cleared. Can this be changed?

Value management for remote queryModes should now be (hopefully) seamless. Thanks go out to kleins for his contributions and willingness to collaborate in merging our implementations together.

* Feature request - add the ability to 'select' one/many of the items in the text box - similar to selecting a row in a grid. Beyond other things, this could allow for deleting multiple items. A standard selection model could be used.

This is now possible through either shift-clicking, or using shift+left/right with the new keyboard navigation to select the items. Ctrl-A also now works for selecting all of the items, and backspace/delete will remove all of the selected items.

Is this a (minor) bug .. or just me having overlooked something?:
The message only shows up when I 'mouse-over' the field, otherwise no message is shown.

Rendering of field validation messages should now work properly.

how can i make a pre selection or initial value for the multiple select

Values can now be set (through both the config.value configuration as well as setValue) by passing a single value, a string of values that will be split by delimiter, an array of values or an array of records. For queryMode remote stores with forceSelection true, if an unknown value is passed a load() call will be issued to the store to attempt to load these records. Please see the initial post and the linked examples page for more information.

As kunalshah6363 mentioned that first time data perfectly load into BoxSelect as shown in his image. But while selecting second value by typing it gives the earlier mentioned error.

I believe the underlying cause of the error you encountered is this bug. I believe the improved value management for queryMode 'remote' BoxSelect configurations will successfully avoid this framework error now though, as it should avoid the scenarios where that bug would show.

Is it possible to make this component to work as email suggest?
There will be values from store but lets say you can also write a custom value and after ENTER or ',' it will automaticly be a box?

Excellent suggestion, and finally a use-case for forceSelection: false with multiSelect's that makes easy sense to me. This functionality has been added in 1.0. Please see the initial post and the linked examples page for more information.

[zombeerose]

Awesome update! Thanks for the continued work on this.

One more request - can you fire events when adding/removing items to the combo? It would be nice if the record involved was included as a param.

Thx

[softwareguy]

Wow, just Wow!

[grgur]

kicks ass

[navvn]

superb but on more suggestion

lets say someone is clicking on a boxselect field, typing an email address and doesnt confirm it by enter. Than he move to the second field (by mouse click or TA. Is it possible to make a written value a box after you move to another field?

Also how to add an value to boxselect?
setValue
or
setRawValue
doesnt work in suggest example

[zacware]

This is wonderful. Great job. Thanks very much!