1. #231
    Ext JS Premium Member devtig's Avatar
    Join Date
    Jan 2010
    Location
    Rotterdam, The Netherlands
    Posts
    394
    Vote Rating
    14
    devtig will become famous soon enough

      0  

    Default


    Use this CSS to have a normal Combox height

    Code:
    .x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
    .x-superboxselect input[disabled] {background-color: transparent;}
    .x-superboxselect ul {overflow: hidden; cursor: text;}
    .x-superboxselect-display-btns {padding-right: 33px !important;}
    .x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
    .x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 2px;}
    .x-superboxselect-btn-clear {background: url(../img/superboxselect/clear.png) no-repeat scroll left 0px;}
    .x-superboxselect-btn-expand {background: url(../img/superboxselect/expand.png) no-repeat scroll left 0px;}
    .x-superboxselect-btn-over {background-position: left -16px}
    .x-superboxselect-btn-hide {display:none;}
    .x-superboxselect li {float: left; margin: 1px; padding: 0;line-height: 14px;}
    body.ext-ie6 .x-superboxselect li {line-height: 16px;}
    .x-superboxselect-stacked li {float: none !important;}
    .x-superboxselect-input input { border: none; outline: none; margin-top: 0px; margin-bottom: 1px;}
    /* unnecessary (ie7 not tested):
    body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
    .x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
    body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
    body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
    */
    .x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 0px 15px 0px 3px !important; }
    .x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
    .x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
    .x-superboxselect-item-close {background: url(../img/superboxselect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 0px; width: 13px;display:block;cursor:pointer;}
    .x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
    .x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
    .x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}
    FF, IE8 and IE6 ok. 1px too high in Chrome. IE7 not tested yet. But this is already better then the way to high boxes as before.

  2. #232
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    Austria, Vienna
    Posts
    219
    Vote Rating
    1
    abraxxa is on a distinguished road

      0  

    Exclamation


    I've discovered a bug:
    The valuesquery isn't executed if the primary key value is shorten than this.minChars.
    The fix is below.

    Code:
    diff --git a/root/static/Ext.ux.form.SuperBoxSelect.js b/root/static/Ext.ux.form.SuperBoxSelect.js
    index 35f8e4f..529b605 100644
    --- a/root/static/Ext.ux.form.SuperBoxSelect.js
    +++ b/root/static/Ext.ux.form.SuperBoxSelect.js
    @@ -1597,7 +1597,7 @@ Ext.ux.form.SuperBoxSelect = Ext.extend(Ext.ux.form.SuperBoxSelect,
                     }
                     q = qe.query;
                     forceAll = qe.forceAll;
    -                if (forceAll === true || (q.length >= this.minChars)) {
    +                if (forceAll === true || (valuesQuery === true && q.length > 0) || (q.length >= this.minChars)) {
                         if (this.lastQuery !== q) {
                             this.lastQuery = q;
                             if (this.mode == 'local') {
    I'd like to setup a github repository for this UX as my main app depends pretty heavy on it.
    If you use it too and want to contribute please tell me your opinion!

  3. #233
    Ext User
    Join Date
    Dec 2010
    Posts
    1
    Vote Rating
    0
    zozofoz is on a distinguished road

      0  

    Default


    Which version are you using? It looks like it was fixed in the version I have. Mine says version 1.0 at top created 01/17/2010.

    forceAll = qe.forceAll;
    if(forceAll === true || (q.length >= this.minChars) || valuesQuery && !Ext.isEmpty(q)){
    if(this.lastQuery !== q || forcedAdd){

  4. #234
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    Austria, Vienna
    Posts
    219
    Vote Rating
    1
    abraxxa is on a distinguished road

      0  

    Default


    I think I've fixed the bug in the original version over a year ago, but the extended version by Grolubao doesn't include it.

  5. #235
    Sencha User
    Join Date
    Nov 2007
    Posts
    294
    Vote Rating
    0
    Sesshomurai is on a distinguished road

      0  

    Default


    I'm having trouble getting this to work in 'remote' mode. The remote store works, the data loads into the combo, but I want to click on multiple combo results like the local mode. It doesn't work.

    Anyone see or fix this?

    thanks.

  6. #236
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    Austria, Vienna
    Posts
    219
    Vote Rating
    1
    abraxxa is on a distinguished road

      0  

    Default


    Can you please explain the problem in more detail?
    I'm using it only in remote mode and everything works as expected.
    When you click the trigger all items are displayed, when you click one it is added to the list. You can repeat this multiple times.

  7. #237
    Ext JS Premium Member devtig's Avatar
    Join Date
    Jan 2010
    Location
    Rotterdam, The Netherlands
    Posts
    394
    Vote Rating
    14
    devtig will become famous soon enough

      0  

    Default


    First get your functionality to work with a regular Ext.form.ComboBox. If that works and only then, you switch to the superselectbox.

  8. #238
    Sencha User
    Join Date
    Nov 2007
    Posts
    294
    Vote Rating
    0
    Sesshomurai is on a distinguished road

      0  

    Default


    So in the local mode example, it shows a bunch of items and when I click each item, it is put into the box and removed from the list - and the drop down list remains visible to allow for multiple items to be selected.

    In remote mode, it does not behave this way for me. When I select an item from the list, it is put into the box and the list disappears.

    Any advice?

    thanks.

  9. #239
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    Austria, Vienna
    Posts
    219
    Vote Rating
    1
    abraxxa is on a distinguished road

      0  

    Default


    Click the trigger again, does it show the list again?

  10. #240
    Sencha User
    Join Date
    Nov 2007
    Posts
    294
    Vote Rating
    0
    Sesshomurai is on a distinguished road

      0  

    Default


    Quote Originally Posted by abraxxa View Post
    Click the trigger again, does it show the list again?
    I'll check that when I get back to my computer. If I recall, it does. but what I want is for the list to stay open and items be removed as I click them, like local mode.

Thread Participants: 95

  1. Animal (3 Posts)
  2. jay@moduscreate.com (1 Post)
  3. Condor (1 Post)
  4. stever (1 Post)
  5. mystix (5 Posts)
  6. MD (1 Post)
  7. JorisA (1 Post)
  8. randomY (1 Post)
  9. DigitalSkyline (1 Post)
  10. sj137 (3 Posts)
  11. boggle (1 Post)
  12. danh2000 (71 Posts)
  13. ostghost (1 Post)
  14. lossendae (1 Post)
  15. ZooKeeper (1 Post)
  16. greco (1 Post)
  17. Fredric Berling (1 Post)
  18. GraemeBryce (2 Posts)
  19. Strati (2 Posts)
  20. syscobra (2 Posts)
  21. boonkerz (4 Posts)
  22. Sesshomurai (3 Posts)
  23. shamansoft (1 Post)
  24. dorgan (2 Posts)
  25. mjhaston (1 Post)
  26. radtad (5 Posts)
  27. Joyfulbob (2 Posts)
  28. crysfel (1 Post)
  29. armandoxxx (2 Posts)
  30. jarlau (1 Post)
  31. lacco (1 Post)
  32. abraxxa (38 Posts)
  33. prometheus (1 Post)
  34. pops (1 Post)
  35. raphac (1 Post)
  36. Scorpie (2 Posts)
  37. supercharge2 (4 Posts)
  38. jmiguel (2 Posts)
  39. ash11tw (2 Posts)
  40. wojan (1 Post)
  41. ryzmen (1 Post)
  42. nmohler (2 Posts)
  43. wki01 (2 Posts)
  44. gacowarlock (1 Post)
  45. kora.kanchan (1 Post)
  46. senacle (3 Posts)
  47. genie_vn (1 Post)
  48. sergey.s (1 Post)
  49. Grolubao (10 Posts)
  50. mathec (1 Post)
  51. jackjia (1 Post)
  52. polydyne (1 Post)
  53. Antjac (1 Post)
  54. Thomas Triplet (1 Post)
  55. Gonfi (1 Post)
  56. kleins (1 Post)
  57. talha06 (1 Post)
  58. scishop (1 Post)
  59. eztam (2 Posts)
  60. frederickd (10 Posts)
  61. dusoo (2 Posts)
  62. iv_ekker (3 Posts)
  63. pym (1 Post)
  64. sudhirhv (3 Posts)
  65. lanhun (14 Posts)
  66. wcasado (1 Post)
  67. ramana_l_v (3 Posts)
  68. cq.yangyu@gmail.com (1 Post)
  69. siberian (1 Post)
  70. Tommi (4 Posts)
  71. rdblyth (2 Posts)
  72. devtig (3 Posts)
  73. markmansour (1 Post)
  74. dhiren.lodhia (1 Post)
  75. slamhan (1 Post)
  76. panter4 (1 Post)
  77. Korbin (2 Posts)
  78. istetska (1 Post)
  79. ian.young (1 Post)
  80. sebterzi (1 Post)
  81. ucoxk (1 Post)
  82. prakashr (1 Post)
  83. danilo.pederiva (1 Post)
  84. --miCZar-- (2 Posts)
  85. zozofoz (1 Post)
  86. spydercavern (1 Post)
  87. tvelykyy (1 Post)
  88. leorossi (3 Posts)
  89. revertTS (1 Post)
  90. joxzaren (1 Post)
  91. leduc (1 Post)
  92. deepthi_r (1 Post)
  93. qiankun (1 Post)
  94. Mr.Solomon (2 Posts)
  95. agony (1 Post)