1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    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 Ext.ux.touch.PagingToolbar v1

    Ext.ux.touch.PagingToolbar v1


    With people asking for paging support in my Ext.ux.TouchGridPanel, I have created a paging Toolbar named Ext.ux.touch.PagingToolbar.

    Sencha Touch makes paging super easy with function like nextPage, previousPage, and loadPage.

    Give it a whirl - http://www.simoens.org/Sencha-Projects/demos/
    Git - https://github.com/mitchellsimoens/E....PagingToolbar

    Tested on Sencha Touch 1.0.2
    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.

  2. #2
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    Works well. Easy to understand and use. I liked the kitchen sink style demo too. Great way to group custom stuff that sencha users are already familiar with. I might do that myself.
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    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


    Thank you. I figure why reinvent the wheel when the kitchen sink works perfectly!

    One thing that I haven't mentioned about Ext.ux.touch.PagingToolbar is that it will first look to see if you specified a store to the plugin itself. If it doesn't find one then it will inherit it's parent's store. Problem is when you use it with a DataView or List, they cannot have docked items. So you would then have to specify the store on the DataView/List and specify Ext.ux.touch.PagingToolbar on the Panel specifying the store to Ext.ux.touch.PagingToolbar. Does this make sense?

    Oh, about your PM to me... I'm not at all very understanding on licenses. I had someone who wanted to use my TouchGridPanel for a large commercial project but needed tint be GPLv3 and at the time I didn't specify what license I had so I picked it for that reason. Wikipedia has a nice write up though if you do take the time to read it.
    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.

  4. #4
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    Thanks. I have read it. Hurt my brain... Hehe.
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  5. #5
    Sencha User
    Join Date
    Jan 2011
    Posts
    59
    Vote Rating
    0
    Nicodemuz is on a distinguished road

      0  

    Default


    Nice work!

    I think I might have found a small bug? In your demo, you are using totalProperty:
    totalProperty: "total"

    However, totalProperty is not used anywhere in Ext.ux.touch.PagingToolbar.js.

    Thanks again! 8)

  6. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    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


    I actually do. The function getTotalRecs drills down to get the total property that is created using the totalProperty.
    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.

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Posts
    59
    Vote Rating
    0
    Nicodemuz is on a distinguished road

      0  

    Default


    Hi,

    I'm encountering a very weird bug with the PagingToolbar. The bug appears to only appear on the iPad, desktop (Google Chrome) and Android (Samsung Galaxy Tab) works just fine.

    I am having a layout with several tabs. One of the tabs is using TouchGridPanel with PagingToolbar. Whenever I switch to this tab or switch away from this tab, the screen freezes for a while. Clicking on any of the buttons will not help. I'm not exactly sure what might be causing the bug, but if I remove the PagingToolbar plugin from the TouchGridPanel, everything seems to work fine.

    Here's the code I'm using:
    Code:
    var subsection_Transactions_All = new Ext.ux.TouchGridPanel({
    	id: 'subsection_Transactions_All',
    	title: 'All',
    	cls: 'table_Transactions',
    	
    	// Layout options
    	layout: 'fit',
    	flex: 1,
    	
    	// Store options
    	store: store_Transactions,
    	plugins: [new Ext.ux.touch.PagingToolbar()],
    	multiSelect : false,
    	
    	// Columns
    	colModel: transactionColumns
    })
    Is there something that I'm missing?

  8. #8
    Sencha User
    Join Date
    Jan 2011
    Posts
    59
    Vote Rating
    0
    Nicodemuz is on a distinguished road

      0  

    Default


    Hi,

    Would it be possible to build in support for a "First page" and "Last page" buttons?

    Cheers,
    Nico

  9. #9
    Sencha User
    Join Date
    Jun 2011
    Posts
    29
    Vote Rating
    1
    Shranes is on a distinguished road

      0  

    Default


    my touchgridpanel doesn't seem to integrate with myPagingToolbar...
    i can't navigate to the other pages... 'Next' button doesn't work and i can't generate my page list either..

    what could be the problem??

  10. #10
    Sencha User
    Join Date
    Apr 2010
    Posts
    2
    Vote Rating
    0
    dennisye is on a distinguished road

      0  

    Default


    Hi,

    You have mentioned:" Problem is when you use it with a DataView or List, they cannot have docked items. So you would then have to specify the store on the DataView/List and specify Ext.ux.touch.PagingToolbar on the Panel specifying the store to Ext.ux.touch.PagingToolbar. "

    how to do this?

    how to change the following codes to work?

    var panel1 = {
    xtype: 'panel',
    items: [{
    width: 300,
    height: 500,
    xtype: 'list',
    store: PagingToolbarStore,
    plugins: [new Ext.ux.touch.PagingToolbar()],
    itemTpl: 'Company: {company}, Price:{price}, Last Updated: {updated}.'
    }],
    plugins: [new Ext.ux.touch.PagingToolbar()], ///??? put the plugin here ???///
    };

    Thanks.

Similar Threads

  1. [DUPE-653] Touch 1.0.1 scrolls to end of page on simple touch.
    By stevek in forum Sencha Touch 1.x: Bugs
    Replies: 2
    Last Post: 23 Dec 2010, 3:45 PM
  2. Replies: 2
    Last Post: 26 Nov 2010, 9:58 AM
  3. Sencha Touch on iPhone v1 / iPod touch v1 ?
    By palnap in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 28 Oct 2010, 5:30 PM
  4. Ext.PagingToolbar Supported in Sencha Touch ?
    By el-tio in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 27 Jul 2010, 4:30 AM
  5. How to declare grid with pagingtoolbar, without calling PagingToolbar constructor
    By grzegorz.borkowski in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 9 Feb 2009, 5:57 AM

Thread Participants: 10

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi