Like in outlook (or gmail) where you can just type into an input field to select multiple items. The value for each item isn't what is displayed, just like a normal multi select box, for example in the screenie below it has a values of "VA", "MI" and "DE".
We're using this in an app so that users can type in the names/emails/etc of people to send items to, but the value of the fields is the user IDs.
I've only tried it with a local store setup as in the demo, but seems to work well on FF, IE6, IE7 and Safari.
30/11/2007 - v0.0.3 - fixed bug where multiple fields didn't initialize data properly
30/11/2007 - v0.0.2 - added validation, fixed bug deleting items
29/11/2007 - v0.0.1 - initial version
Bugs reports and Suggestions are very welcome! Cheers.
Very nice. I haven't taken a peek at the code yet, but here's my initial suggestions based on playing with the demo.
It would be good if when you clicked anywhere within one of the list items, it selected that list item for easy deletion
backspacing all the way to an empty field leaves a "dropdown" of the single item in the store that most closely matched the last character to be removed by pressing the backspace key
the field out to offer in its config the ability to toggle whether or not duplicates are permitted. if not, values that have already been selected should be filtered from the store.
Jeff Howden
Ext JS - Support Team Volunteer jeff@extjs.com
Any and all code samples that are authored by me and posted on the Ext forums or website are hereby released into the public domain and I release anyone or entity of liability by using said code samples unless explicitly stated otherwise.
Opinions are mine and not necessarily endorsed by Ext, LLC. Please do not contact me directly for assistance unless requested by me.
Very nice. I haven't taken a peek at the code yet, but here's my initial suggestions based on playing with the demo.
It would be good if when you clicked anywhere within one of the list items, it selected that list item for easy deletion
backspacing all the way to an empty field leaves a "dropdown" of the single item in the store that most closely matched the last character to be removed by pressing the backspace key
the field out to offer in its config the ability to toggle whether or not duplicates are permitted. if not, values that have already been selected should be filtered from the store.
Hi, thanks for checking it out.
You can click delete anywhere within an item to delete it, but I agree it could be nice to auto select it so it's more obvious.
Will look into the backspacing issue.
At the moment, it doesn't allow duplicates, I'll need to change a few things about how it works to be able to enable that but defo possible.
I need to add validation to check for the number of items - IE minimum/maximum/exact number of items. I'm adding that in this afternoon.
[2.x] Ext.ux.MultiSelectTextField (outlook/gmail style 'to' field)
Originally Posted by galdaka
Extensions:
Reply With Quote
