1. #11
    Sencha User
    Join Date
    Mar 2007
    Posts
    18
    Vote Rating
    2
    anj is on a distinguished road

      2  

    Default


    Hi, this one enable the native scrolling in current sencha 2 beta, but I can not guarantee that it is performant... i do not testet it in production...

    if someone can pimp this, let me know!

    best regards


    PHP Code:
    // Native scrolling in Browser
            
    document.addEventListener('mousewheel', function(e){
                var 
    el e.target;
                var 
    offsetscroller_results;
                
    _results = [];
                while (
    el !== document.body) {
                    if (
    el && el.className && el.className.indexOf('x-container') >= 0) {
                        var 
    cmp Ext.getCmp(el.id);
                        if (
    cmp && typeof cmp.getScrollable == 'function' && cmp.getScrollable()){
                            var 
    scroller cmp.getScrollable().getScroller();
                            if (
    scroller) {
                                var 
    offset = {x:0y: -e.wheelDelta*0.5};
                                
    scroller.fireEvent('scrollstart'scrollerscroller.position.xscroller.position.ye);
                                
    scroller.scrollBy(offset.xoffset.y);
                                
    scroller.snapToBoundary();
                                
    scroller.fireEvent('scrollend'scrollerscroller.position.xscroller.position.y-offset.y);
                                break;
                            }
                        }
                    }
                    
    _results.push(el el.parentNode);
                }
                return 
    _results;
            }, 
    false); 

  2. #12
    Sencha User
    Join Date
    Feb 2012
    Posts
    14
    Vote Rating
    1
    jonmurua is on a distinguished road

      1  

    Default


    Any news on this?

    I have started developing a cross platform application (smartphone, tablet and DESKTOP) using Sencha Touch, but the lack of mouse scrolling is a big concern.

    Cheers

  3. #13
    Sencha User
    Join Date
    Feb 2012
    Posts
    14
    Vote Rating
    1
    jonmurua is on a distinguished road

      0  

    Default


    By the way, @anj, your code (javascript) works perfect in my Chrome browser.
    I just placed the code in the index.html.

    Thanks a lot!

  4. #14
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Sencha isn't going to do this.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #15
    Sencha User
    Join Date
    Mar 2012
    Location
    Berlin
    Posts
    48
    Vote Rating
    2
    diractor is on a distinguished road

      1  

    Default


    ...and why?

  6. #16
    Sencha User
    Join Date
    Sep 2011
    Posts
    7
    Vote Rating
    1
    stmcpherson is on a distinguished road

      1  

    Default


    We are using Sencha Touch for cross platform development. This issue is a consistant problem that is difficult to work around. Specifically, in the case of dropdown (select) menus that that have many options. Users who are not interacting via touch device have a hard time discovering Click-and-Drag as a method of scrolling the list. From all of our usage it seems that mouse wheel scrolling & two-finger scrolling should be default behavior. Can you please provide information to inform why "Sencha isn't goinig do this"?

  7. #17
    Sencha Premium Member
    Join Date
    Nov 2011
    Posts
    89
    Vote Rating
    4
    anand.arvind can only hope to improve

      1  

    Default support for dragging scroll bar in ST 2 app

    support for dragging scroll bar in ST 2 app


    I have an app I have deployed to the iOS and Android stores. Now I am taking the same thing and building a version that also works on the desktop in Chrome/Safari. For this I used the code in this thread to fix the scrolling and now need to figure out how to fix the scroll bar to support dragging and dropping. Any pointers on how this could be accomplished - am going to try to figure it out, but if someone has done it before that would help.

    I initially tried to go down the ExtJS path for the desktop app, but found that there are enough differences between the two frameworks that it becomes pretty expensive to develop and maintain, so want to put out a V1 out there quickly and then figure out how to handle this in the long term if I have enough interest to put out one for IE and FireFox - and with desktop based controls.

    Sencha touch supporting a bit of the desktop world will become more important as touch and non touch blends with Windows 8 - so it is time to consider this somewhere on the roadmap

  8. #18
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    103
    Vote Rating
    6
    abierbaum is on a distinguished road

      0  

    Default


    @anand.arvind Did you ever find a way to do this? I would also be interested in a way to solve this and allow dragging of scrollbars. We are finding a lot of people that want to run their mobile applications on windows 8 machines without touch support.


    Quote Originally Posted by anand.arvind View Post
    I have an app I have deployed to the iOS and Android stores. Now I am taking the same thing and building a version that also works on the desktop in Chrome/Safari. For this I used the code in this thread to fix the scrolling and now need to figure out how to fix the scroll bar to support dragging and dropping. Any pointers on how this could be accomplished - am going to try to figure it out, but if someone has done it before that would help.

    I initially tried to go down the ExtJS path for the desktop app, but found that there are enough differences between the two frameworks that it becomes pretty expensive to develop and maintain, so want to put out a V1 out there quickly and then figure out how to handle this in the long term if I have enough interest to put out one for IE and FireFox - and with desktop based controls.

    Sencha touch supporting a bit of the desktop world will become more important as touch and non touch blends with Windows 8 - so it is time to consider this somewhere on the roadmap

  9. #19
    Sencha User
    Join Date
    Apr 2012
    Posts
    16
    Vote Rating
    3
    toorshia is on a distinguished road

      0  

    Default


    @anj Thanks a lot man, works like a charm in Chrome with SDK 2.1.1

  10. #20
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,759
    Vote Rating
    108
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    +1 for getting native scrolling supported in Chrome and other 'good' browsers. Another place ST can be used, what's not to like? ST already translates click events and reacts to those as 'touch' events...

Similar Threads

  1. Scrolling in a gridpanel when mouse is on bottom of the grid
    By hominis in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 13 Jul 2010, 2:00 AM
  2. Forms Development Support Framework Poll
    By dardison in forum Community Discussion
    Replies: 1
    Last Post: 8 May 2008, 1:05 PM
  3. Issue Support and Continued Development
    By j05h in forum Community Discussion
    Replies: 9
    Last Post: 7 Feb 2007, 7:41 PM

Thread Participants: 17