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

      0  

    Default


    Are you guys really that blind? Two posts above plus on the first page of the ux subforum.

  2. #112
    Touch Premium Member
    Join Date
    Jan 2011
    Location
    Lisbon, Portugal
    Posts
    192
    Vote Rating
    0
    jmaia is on a distinguished road

      0  

    Default Problems with width

    Problems with width


    Guys,

    Has anyone had problems with the width of this component after upgrading to 4.1 ? I have, all BoxSelect form fields and extensions that I had on my application suddenly got shrinked to a smaller width than before (when I was still on 4.0.7).

    I solved this by overriding the following method on the BoxSelect code:

    Code:
    /**
     * Overridden to avoid use of placeholder, as our main input field is often empty
     */
    afterRender: function() {
        var me = this;
    
    
        if (Ext.supports.Placeholder && me.inputEl && me.emptyText) {
            delete me.inputEl.dom.placeholder;
        }
    
    
        if (me.stacked === true) {
            me.itemList.addCls('x-boxselect-stacked');
        }
    
    
        if (me.grow) {
            if (Ext.isNumber(me.growMin) && (me.growMin > 0)) {
                me.itemList.applyStyles('min-height:'+me.growMin+'px');
            }
            if (Ext.isNumber(me.growMax) && (me.growMax > 0)) {
                me.itemList.applyStyles('max-height:'+me.growMax+'px');
            }
        }
    
    
        me.applyMultiselectItemMarkup();
    
    
        me.inputCell.setWidth('100%');
        
        me.callParent(arguments);
    
    
    }

    The only thing I did was add the following line at the end of the method before the call to callParent.

    Code:
    me.inputCell.setWidth('100%');


    That seemed to have done the trick for me. I have tested it with fixed with as well as with anchor percentages and it seems to be working. Further tests are needed though.

    Anyway, just my 2 cents...

    Regards,

    Joao Maia

  3. #113
    Touch Premium Member
    Join Date
    Jan 2011
    Location
    Lisbon, Portugal
    Posts
    192
    Vote Rating
    0
    jmaia is on a distinguished road

      0  

    Default


    Quote Originally Posted by jmaia View Post
    Guys,

    Has anyone had problems with the width of this component after upgrading to 4.1 ? I have, all BoxSelect form fields and extensions that I had on my application suddenly got shrinked to a smaller width than before (when I was still on 4.0.7).

    I solved this by overriding the following method on the BoxSelect code:

    False alarm guys...

    It looked like the width problem was solved by that override, but thorough testing showed that it does not work on Chrome, just on IE and Firefox, and even so, only in some situations...

    Well, back to the drawing board, I guess


    Any news on updates for this component for Ext 4.1 ? I'm somewhat reticent to use Christophe Geiser's new version for 4.1 because I already had some components of my own inheriting from this version.

    Regards,

    Joao Maia

  4. #114
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    537
    Vote Rating
    71
    Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough

      0  

    Default


    The problem with this component in 4.1 is that the layout (Ext.layout.component.field.Field) that it is extending at the bottom has had significant changes. The sizeBodyContents function is no longer called. For my purposes, I just overrode the beginLayout function and called sizeBodyContents manually. Then I had to fix that function because it calls a few methods that no longer exist.

    There may be more issues and I haven't tested extensively, but this was good enough for the issues I was hitting with it.

    --edit--

    Also, there is a var defined called useNewSelectors. It kills ie for 4.1. I just set it to false rather than figure out why.

  5. #115
    Sencha Premium Member
    Join Date
    May 2009
    Posts
    7
    Vote Rating
    0
    User 0815 is on a distinguished road

      0  

    Default


    Quote Originally Posted by Tim Toady View Post
    The problem with this component in 4.1 is that the layout (Ext.layout.component.field.Field) that it is extending at the bottom has had significant changes. The sizeBodyContents function is no longer called. For my purposes, I just overrode the beginLayout function and called sizeBodyContents manually. Then I had to fix that function because it calls a few methods that no longer exist.

    There may be more issues and I haven't tested extensively, but this was good enough for the issues I was hitting with it.
    I think it is sufficient if you set the config 'componentLayout' to 'combobox':

    PHP Code:
    {
      
    xtype'boxselect',
      
    componentLayout'combobox'
      
    ...

    Quote Originally Posted by Tim Toady View Post
    --edit--

    Also, there is a var defined called useNewSelectors. It kills ie for 4.1. I just set it to false rather than figure out why.
    Thanks, that was the missing piece for IE7 and IE8. For me, boxselect works now with ExtJS 4.1.

  6. #116
    Sencha User
    Join Date
    Jul 2011
    Location
    San Francisco, CA
    Posts
    103
    Vote Rating
    5
    alicexyl is on a distinguished road

      0  

    Question Event handling

    Event handling


    What event handlers can we write for this widget? Will it support 'beforeAddItem', 'additem', etc. that SuperBoxSelect did?

  7. #117
    Sencha Premium Member
    Join Date
    Mar 2008
    Posts
    92
    Vote Rating
    1
    kveeiv is on a distinguished road

      0  

    Default Now with 4.1 support!

    Now with 4.1 support!


    Well, at long last I have had some time to update this for 4.1! There were a lot of pull requests that have been made since the last release, a variety of feature requests, and a litany of underlying framework changes to test for and take advantage of.

    Thanks to everyone for all of your patience and contributions. I am glad things have remained stable for those who have not moved from the 4.0.x release line. For those still using 4.0.x, please do not use this upgrade as I have not maintained backwards compatibility to the old rendering and element handling methodology. I still have some projects that are on 3.x, I feel your pain. One day maybe we'll all have the time to keep everything as up to date as we'd like!

    The big bullet points for this release:
    * Upgrades to the rendering to take more advantage of the improved 4.1 layout mechanisms
    * The often requested ability to filter out selected values from the drop down pick list (via the new filterPickList option)
    * The ability to paste values in and have them automatically parsed into new/existing selections (for example, with email addresses).

    I tried to take advantage of everyone's pull requests and contributions that have been made here in this thread. I had fallen so far behind that some things were already addressed by the framework, and others I wasn't sure about but couldn't reproduce anymore. I chalked some of those up to possible framework fixes as well. If you see any problems, please feel free to also add an update to the examples/boxselect files with the test case that is failing as you submit a pull request. In addition to providing a valuable reference resource for everyone using this extension, this page is also used as a bunch of use cases to test against to ensure that functionality continues to work as advertised in the future.

    This release has been tested with safari, chrome, firefox and IE 8. I don't have a machine with other versions of IE handy at the moment and didn't want to delay this release for even a few more hours. If anyone else can help with the testing of those it would be much appreciated!

  8. #118
    Ext JS Premium Member
    Join Date
    Dec 2007
    Posts
    216
    Vote Rating
    1
    ngd is on a distinguished road

      0  

    Default Bug on the examples page

    Bug on the examples page


    Kvieev: thanks for such a great plugin and thanks for the new 4.1 version.

    I notice there is a bug on the examples page (http://kveeiv.github.com/extjs-boxse...boxselect.html) in the section Automatic querying of remote stores for unknown values. The selector just doesn't work. I am using the latest version of Chrome. It also doesn't work in IE9.

    Thanks.

  9. #119
    Sencha Premium Member
    Join Date
    Mar 2008
    Posts
    92
    Vote Rating
    1
    kveeiv is on a distinguished road

      0  

    Default


    Quote Originally Posted by ngd View Post
    Kvieev: thanks for such a great plugin and thanks for the new 4.1 version.

    I notice there is a bug on the examples page (http://kveeiv.github.com/extjs-boxse...boxselect.html) in the section Automatic querying of remote stores for unknown values. The selector just doesn't work. I am using the latest version of Chrome. It also doesn't work in IE9.

    Thanks.
    I'll add a note to that example in the next commit, but you can't use php scripts in the github hosted public pages so that script won't work on that demo page. If you pull down the zip file and run it from a web server with php, it should work fine. Let me know if it doesn't.

  10. #120
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    537
    Vote Rating
    71
    Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough Tim Toady is a jewel in the rough

      0  

    Default


    Thanks for the update Kveeiv. Your code is very clean and well written. There is a minor bug with setValue that I fixed on my system for the last version that still exists in the new version. What happens is when you have it in a form and do loadRecord it inadvertantly changes an array of ids to an array of records. The simple solution is to clone the variable "value" at the top of the function so that it doesn't change the loaded record.

    --edit--
    Actually, a slightly cleaner approach would be to add true as the second param on the Ext.Array.from that is already there to return a new reference

Thread Participants: 94

  1. scottw (1 Post)
  2. mysticav (2 Posts)
  3. JorisA (5 Posts)
  4. bobmanc (2 Posts)
  5. notjoshing (4 Posts)
  6. grgur (1 Post)
  7. ValterBorges (2 Posts)
  8. WebProgrammer (1 Post)
  9. Schlurcher (1 Post)
  10. zacware (2 Posts)
  11. ngd (8 Posts)
  12. radtad (2 Posts)
  13. zombeerose (13 Posts)
  14. nicholasnet (1 Post)
  15. themightychris (2 Posts)
  16. abraxxa (8 Posts)
  17. ttbgwt (1 Post)
  18. Psychokrameur (2 Posts)
  19. commanche (1 Post)
  20. ernst96 (2 Posts)
  21. omarc (1 Post)
  22. qooleot (1 Post)
  23. foxmarco (1 Post)
  24. christophe.geiser (1 Post)
  25. wki01 (1 Post)
  26. purnama (1 Post)
  27. mediacept (1 Post)
  28. bareflix (2 Posts)
  29. User 0815 (1 Post)
  30. yuuzai (1 Post)
  31. talha06 (1 Post)
  32. xjpmauricio (1 Post)
  33. scishop (2 Posts)
  34. Smalltalker (1 Post)
  35. hazimdikenli (2 Posts)
  36. raz0r1 (1 Post)
  37. McQuack_82 (1 Post)
  38. elilindner (1 Post)
  39. hexawing (1 Post)
  40. maneljn (3 Posts)
  41. Tim Toady (2 Posts)
  42. alonweiss (1 Post)
  43. ubong (1 Post)
  44. salarmehr (5 Posts)
  45. koblass (1 Post)
  46. Karthikeyan.rajmohan (2 Posts)
  47. Reimius (1 Post)
  48. CSC-Germany (1 Post)
  49. sankarbaluz (2 Posts)
  50. alaley (2 Posts)
  51. navvn (2 Posts)
  52. danCTS (2 Posts)
  53. bentoo42 (1 Post)
  54. jmaia (2 Posts)
  55. maslofer (1 Post)
  56. cadror (3 Posts)
  57. mrinsan (1 Post)
  58. yumaa (1 Post)
  59. rsqw (2 Posts)
  60. mahesh21688 (3 Posts)
  61. derditze (3 Posts)
  62. kunalshah6363 (1 Post)
  63. NatVik (1 Post)
  64. softwareguy (1 Post)
  65. alicexyl (7 Posts)
  66. under_dog (1 Post)
  67. tommytob (2 Posts)
  68. charlie17 (5 Posts)
  69. nathanrice (1 Post)
  70. srarnold (3 Posts)
  71. ettavolt (1 Post)
  72. qnens (1 Post)
  73. nikadod (3 Posts)
  74. PanchiKB (1 Post)
  75. Hooped (1 Post)
  76. dedoz (3 Posts)
  77. metas (1 Post)
  78. lindemann-medien (2 Posts)
  79. nathanmelis (1 Post)
  80. cyborat (1 Post)
  81. Forn (1 Post)
  82. gaurav.rehan (1 Post)
  83. Avman2119 (3 Posts)
  84. zzhouag (5 Posts)
  85. andreas-spindler (3 Posts)
  86. Alvaro L (1 Post)
  87. hown (1 Post)
  88. edson.hh (2 Posts)
  89. QuantumScripting (1 Post)
  90. chungns (1 Post)
  91. Delphine (1 Post)
  92. folivieri (1 Post)
  93. Lpsmash (1 Post)
  94. thinkman (1 Post)

Tags for this Thread