1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,672
    Vote Rating
    747
    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
    35,672
    Vote Rating
    747
    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
    35,672
    Vote Rating
    747
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar