1. #1
    Ext JS Premium Member
    Join Date
    May 2007
    Posts
    698
    Vote Rating
    3
    danh2000 is on a distinguished road

      1  

    Default [UPDATE] Ext.ux.form.SuperBoxSelect as seen on facebook and hotmail

    [UPDATE] Ext.ux.form.SuperBoxSelect as seen on facebook and hotmail


    Hi All,

    UPDATE 18/01/2010

    Fixed regression where disabling the component didn't properly disable the items.

    UPDATE 16/01/2010 (Part 2)

    Fixed to prevent extra empty hiddenName value from being posted.

    @frederickd - I'd forgotten about this one until I saw you on the forum

    UPDATE 16/01/2010

    Fixed bug when setting disabled in config.
    Updated CSS to remove gray background from input when component is disabled.

    UPDATE 15/01/2010 (part 2)

    Fix to disable item listeners when component is disabled.

    UPDATE 15/01/2010

    Fixed regression that made transforming an HTML Select incompatible with Ext 2.x
    Fixed issue with setValue being used prior to rendering.
    Fix to prevent passing null to setValue from causing problems.
    Fixed inconsistency regarding forceFormValue config and form submits.
    Fix to prevent component submitting values when disabled.
    Fix to ensure that minChars does not affect a values query.


    UPDATE 29/12/2009

    Fixed IE8 Quirks Mode issue when transforming a HTML Select.
    Fixed typo

    UPDATE 29/12/2009

    Fix to replace removed store records when component is destroyed.

    UPDATE 28/12/2009

    Fixed a silly typo which prevented setValue working with a remote store.

    UPDATE 27/12/2009

    Additional fix to destroy process.
    Implemented addNewItem method to fix issue raised in post #242

    NOTE Anybody using this component with the allowAddNewData config and a remote store is advised to use the new addNewItem method within their newitem event listeners.

    For a demo, see the remote example here:

    http://www.technomedia.co.uk/SuperBo...lesRemote.html


    UPDATE 26/12/2009

    Fixed queryValuesIndicator typo.
    Fix to ensure that blurring component behaves consistently (removing typed chars).
    Fix to onResize to ensure all elements have been renderred.
    Fix to unset preventMultipleRemoveEvents after all items have been removed.
    Fix to normalize string in setValue method.
    Fix to add a missing ;
    Fixes to reset and destroy processes.
    Implemented itemDelimiterKey config.
    Implemented beforeselect event.


    UPDATE 21/10/2009

    Fix to prevent the component receiving focus when reset is called.
    Removed unnecessary usage of trim.
    Fixed bug in setValueEx method.
    Added a new forceFormValue config to force form values (submission or BasicForm.getValues) even when no items selected

    UPDATE 27/09/2009

    Fix to prevent submission of empty value when doing a raw form submit.
    Fix for IE8 error during transform.
    Inclusion of superboxselect-gray-extend.css from the extended gray theme (Thanks Galdaka)

    UPDATE 24/09/2009

    Fix to work around Ext 3.0.0 bug - store load event not providing params to callback.
    Fix to allow store to be provided as an xtype.
    Fix to clean up after prevention of 'remove' events during clearValue.

    UPDATE 22/09/2009

    Added 'clear' event.
    Added a 'record' param to the addItem and removeItem events.
    Added 'supressClearValueRemoveEvents' config.
    Added fix to escape internal regexp.
    Added new 'supressEvents' param to clearValue method.
    Removed docs for removeAllItems method - clearValue should be used instead.
    Added addItems method.
    Fixed scope issue in getValueEx method.
    Fix to provide an originalValue (and fix reset) when remote store used.


    UPDATE 07/09/2009

    *NEW* Remote compatability - you are no longer limited to a local store!
    Multiple bug fixes (many browser version specific).

    UPDATE 03/09/2009

    A few minor bug fixes and a maintenance release to make compatible with Ext 3.0.1

    UPDATE 15/07/2009

    Fixed a couple of bugs that occured when using setValue when the component had not been rendered (eg. hidden tab).
    Enabled setValue to accept either an array of values or a delimited string.

    UPDATE 28/06/2009

    Fixed IE6 display issue with applyTo and transform.
    Fixed a couple of dodgy non var'd variables.
    Increased 'close button' target size and changed cursor to pointer.

    UPDATE 27/06/2009

    New Fully Supported Combo Features:
    - Ability to applyTo an existing element.
    - Ability to transform an existing HTML Select.

    Bug Fixes and Code Tidy Up (A big contribution from Mystix - Many Thanks).

    The attachment has been updated as have the example pages linked below.



    There is already a similar component on this forum (http://extjs.com/forum/showthread.php?t=33794), but as development seems to have stopped, I was asked to create a component like this one which fixes the errors and adds some additional functionality.

    I've put a first demo of the component here:

    Ext 2 Example:

    http://technomedia.co.uk/SuperBoxSelect/examples.html

    Ext 3 Example:
    http://technomedia.co.uk/SuperBoxSelect/examples3.html

    Ext 3 Extended Gray Theme Example:
    http://www.technomedia.co.uk/SuperBo...ples3gray.html

    Remote Store Example:
    http://technomedia.co.uk/SuperBoxSel...lesRemote.html

    Download
    SuperBoxSelect.zip

    It's still in beta so there is some refactoring to do and I may make changes to the api methods and properties, but the functionality is pretty much all there.

    Please try it out and let me know if you experience any issues.

    Thanks,

    Dan
    Last edited by danh2000; 4 Feb 2010 at 1:40 PM. Reason: update

  2. #2
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    woot! sweet

    currently, pressing backspace immediately deletes the entry preceding the cursor.
    you might want to add an option to highlight the entry preceding the cursor on backspace instead of immediately deleting it.

  3. #3
    Ext JS Premium Member
    Join Date
    May 2007
    Posts
    698
    Vote Rating
    3
    danh2000 is on a distinguished road

      0  

    Default


    Quote Originally Posted by mystix View Post
    woot! sweet

    currently, pressing backspace immediately deletes the entry preceding the cursor.
    you might want to add an option to highlight the entry preceding the cursor on backspace instead of immediately deleting it.
    It was a requirement to allow the backspace deletion, but I do like your suggestion of a config option - I'm adding that, Thanks.

  4. #4
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    one more thing
    -- it would be good if you could stick an example of using this in a gridpanel in your examples page.

  5. #5
    Ext JS Premium Member
    Join Date
    Dec 2007
    Posts
    213
    Vote Rating
    0
    sanjshah is on a distinguished road

      0  

    Default


    that's cool!

  6. #6
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,087
    Vote Rating
    113
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Awesome work.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  7. #7
    Ext JS Premium Member
    Join Date
    May 2007
    Posts
    698
    Vote Rating
    3
    danh2000 is on a distinguished road

      0  

    Default


    @mystix

    I'll look into adding it - It may require some additional work to support being a grid editor.


    @sanjshah, @aconran

    Thanks guys.

  8. #8

  9. #9
    Ext JS Premium Member
    Join Date
    May 2007
    Posts
    698
    Vote Rating
    3
    danh2000 is on a distinguished road

      0  

    Default


    Quote Originally Posted by galdaka View Post
    Awesome!!

    Would be great add this component to Ext 3.0.

    Thanks for share!!
    Thanks.

    Ext 3.0 now supported:

    http://technomedia.co.uk/SuperBoxSelect/examples3.html


  10. #10
    Ext JS Premium Member
    Join Date
    Dec 2007
    Posts
    213
    Vote Rating
    0
    sanjshah is on a distinguished road

      0  

    Default


    Dan,

    Is there any chance of making the beta available for testing on our own apps?

    Thanks,

    Sanj

Thread Participants: 119

  1. galdaka (9 Posts)
  2. aconran (1 Post)
  3. stever (4 Posts)
  4. dj (1 Post)
  5. mystix (18 Posts)
  6. MarkB (3 Posts)
  7. DrZog (1 Post)
  8. JorisA (2 Posts)
  9. jheid (3 Posts)
  10. Joe (1 Post)
  11. mschering (1 Post)
  12. gigel (1 Post)
  13. akannu (1 Post)
  14. phillipL (1 Post)
  15. badgerd (1 Post)
  16. cmendez21 (1 Post)
  17. mjlecomte (1 Post)
  18. grgur (1 Post)
  19. xantus (1 Post)
  20. garraS (3 Posts)
  21. vahid4134 (2 Posts)
  22. Lloyd K (2 Posts)
  23. boonkerz (3 Posts)
  24. crxtech (3 Posts)
  25. mishanian (7 Posts)
  26. fpw23 (1 Post)
  27. sanjshah (6 Posts)
  28. Zolcsi (1 Post)
  29. SharePat (1 Post)
  30. mjhaston (1 Post)
  31. radtad (16 Posts)
  32. Joyfulbob (2 Posts)
  33. kveeiv (1 Post)
  34. armandoxxx (2 Posts)
  35. imran (1 Post)
  36. Eric24 (1 Post)
  37. drunknmunky (1 Post)
  38. raphac (1 Post)
  39. charleshimmer (1 Post)
  40. frankthetank (4 Posts)
  41. qooleot (3 Posts)
  42. gianpaulo (1 Post)
  43. dennispg (9 Posts)
  44. dasnk (1 Post)
  45. grahamda (1 Post)
  46. sdavids (1 Post)
  47. jasonb885 (1 Post)
  48. wemerson.januario (1 Post)
  49. dizor (3 Posts)
  50. Stju (5 Posts)
  51. extjs_new (1 Post)
  52. senacle (1 Post)
  53. elderotaku (2 Posts)
  54. Dumas (1 Post)
  55. grzegorz.borkowski (13 Posts)
  56. bueth (1 Post)
  57. nonyus (2 Posts)
  58. travisbell (2 Posts)
  59. Jangla (2 Posts)
  60. woooop (2 Posts)
  61. MH61 (2 Posts)
  62. TDub (1 Post)
  63. antoniode (5 Posts)
  64. xiongzhijian51 (1 Post)
  65. l0ga4 (1 Post)
  66. nohurge (2 Posts)
  67. MarkBOneSmart (1 Post)
  68. The Transporter (2 Posts)
  69. swarnendude (1 Post)
  70. arconen (2 Posts)
  71. mratzloff (9 Posts)
  72. Tom23 (1 Post)
  73. nadim (15 Posts)
  74. hongtj (2 Posts)
  75. max.hauser (2 Posts)
  76. dcw (1 Post)
  77. pilotsnipes (2 Posts)
  78. matthewcrist (2 Posts)
  79. fargs (1 Post)
  80. dvuja2 (2 Posts)
  81. sudhirhv (1 Post)
  82. lanhun (2 Posts)
  83. galoch (1 Post)
  84. frrogoy (1 Post)
  85. tboswell (1 Post)
  86. ozum (5 Posts)
  87. scusyxx (1 Post)
  88. hoca (1 Post)
  89. jayasreepc (1 Post)
  90. Jensen (1 Post)
  91. icarey (5 Posts)
  92. mohan_b (1 Post)
  93. skbach_pointyhat (1 Post)
  94. timbonicus (3 Posts)
  95. rachid.abdessamad (1 Post)
  96. ajitmogra (1 Post)
  97. Korbin (1 Post)
  98. istetska (3 Posts)
  99. ian.young (1 Post)
  100. muncher (2 Posts)
  101. sebterzi (2 Posts)
  102. forestclown (1 Post)
  103. Akey (1 Post)
  104. pret (1 Post)
  105. OpnSrce (1 Post)
  106. sriramkumarp (1 Post)
  107. extjs-dev (4 Posts)
  108. mvoss (1 Post)
  109. thomaskee007 (1 Post)
  110. rajshinny (1 Post)
  111. masood (1 Post)
  112. sebholl (1 Post)
  113. forestkwan (1 Post)
  114. deepthi_r (1 Post)
  115. panshr (1 Post)
  116. brian.moeskau (1 Post)
  117. ldashevskiy (1 Post)
  118. lbilde (1 Post)
  119. aoyii (1 Post)

Tags for this Thread