Access Levelsįramework classes or their members may be specified as private or protected. The alias/xtype is listed next to the class name ofĪpplicable classes for quick reference. The shortcut name is referred to as an alias (or xtype if theĬlass extends Ext.Component). Many classes have shortcut names used when creating (instantiating) a class with aĬonfiguration object. This paging plugin only works with a remote proxy, it will not work with local storage.Contents Terms, Icons, and Labels Access Levels Member Types Member Syntax Member Flags Class Icons Member Icons Navigation and Features Class Member Quick-Nav Menu Getter and Setter Methods History Bar Search and Filters API Doc Class Metadata Expanding and Collapsing Examples and Class Members Desktop -vs- Mobile View Viewing the Class Source Terms, Icons, and Labels If you run your application now you should see the amount of records defined in your page size load initially, and more as you scroll to the bottom of the list. Add the following code to your lists configurationĬonfig : ' Conclusion.This is another common pattern found in popular mobile applications today. Pull Refresh allows users to scroll up past the start of the list to refresh the data. This includes ListPaging.js which we will need for our infinite scrolling set up, and PullRefresh.js which we will also add. If you browse to the /touch/src/plugin directory in your Sencha Touch project you will find there are a few plugins there already by default. Fortunately for us, they have done a lot of the work and it’s reasonably straight forward to add infinite scrolling to our own Sencha Touch apps. Take a look at the video below by Sencha’s Jacky Nguyen where he talks about some of the more technical aspects of this problem in depth. Often though there may be a small delay as the new content is fetched. Ideally the content will load before the user gets there so the user won’t experience any delay. As the user approaches the bottom of the list, we load in more content. Rather than loading in all, or a lot of, our content we load in small chunks at a time. This is the problem that infinite scrolling addresses (and it’s certainly not exclusive to mobile, it’s commonly used across a lot of websites as well). The more elements that are in the Document Object Model (DOM) and the more requests we need to make to the server to load content, the slower the application will become. The problem with mobile is that we have a lot less power to work with than a desktop computer or laptop. If you scroll to the bottom of your news feed in Facebook, or your Twitter feed you will soon be greeted with more and more content. Facebook, Twitter, Instagram and thousands more use infinite scrolling in their mobile applications.

Sencha touch scrolling avoid bounce