1. #1
    Ext User
    Join Date
    Jun 2007
    Posts
    23
    Vote Rating
    0
    RLivsey is on a distinguished road

      0  

    Default [2.x] Ext.ux.MultiSelectTextField (outlook/gmail style 'to' field)

    [2.x] Ext.ux.MultiSelectTextField (outlook/gmail style 'to' field)


    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.

    Source on GitHub
    Last edited by RLivsey; 24 Jun 2008 at 1:01 AM. Reason: updated to v0.0.3

  2. #2
    Sencha User george.antoniadis's Avatar
    Join Date
    Jul 2007
    Posts
    107
    Vote Rating
    1
    george.antoniadis is on a distinguished road

      0  

    Default


    Woa!! Awesome uc! :)

  3. #3
    Sencha User galdaka's Avatar
    Join Date
    Mar 2007
    Location
    Spain
    Posts
    1,166
    Vote Rating
    -1
    galdaka is an unknown quantity at this point

      0  

    Default


    Excellent work!

    One bug: If I select various entries and manually (By keyboard) go to intermediate comma and delete it, I have a error.

    Thanks in advance,

  4. #4
    Ext User
    Join Date
    Jun 2007
    Posts
    23
    Vote Rating
    0
    RLivsey is on a distinguished road

      0  

    Default


    Ah good catch, I'll have a go at fixing this up in the am, shouldn't be too difficult!

    Cheers.

  5. #5
    Ext User
    Join Date
    Apr 2007
    Posts
    132
    Vote Rating
    0
    apaa is on a distinguished road

      0  

    Default valueField

    valueField


    I post field that was used 'hiddenName',but data shows displayField not valueField

  6. #6
    Sencha - Community Support Team JeffHowden's Avatar
    Join Date
    Mar 2007
    Location
    Forest Grove, OR
    Posts
    1,038
    Vote Rating
    1
    JeffHowden is on a distinguished road

      0  

    Default


    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.

  7. #7
    Ext User
    Join Date
    Jun 2007
    Posts
    23
    Vote Rating
    0
    RLivsey is on a distinguished road

      0  

    Default


    Quote Originally Posted by galdaka View Post
    Excellent work!

    One bug: If I select various entries and manually (By keyboard) go to intermediate comma and delete it, I have a error.

    Thanks in advance,
    I've fixed this now, thanks again!

  8. #8
    Ext User
    Join Date
    Jun 2007
    Posts
    23
    Vote Rating
    0
    RLivsey is on a distinguished road

      0  

    Default


    Quote Originally Posted by JeffHowden View Post
    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.

    Cheers.

  9. #9
    Ext User
    Join Date
    Apr 2007
    Posts
    379
    Vote Rating
    0
    sfwalter is on a distinguished road

      0  

    Default


    kudos to you! Excellent job. A nice application for this would be if an app supports tagging ala Del.icio.us

  10. #10

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi