Threaded View

  1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    4
    Vote Rating
    0
    fishbone is on a distinguished road

      0  

    Default Answered: Add pager to list in sencha MVC-example

    Answered: Add pager to list in sencha MVC-example


    Hi,

    how can I add a pager in a grid-panel if MVC-architecture is used? I copied the files from Ext-4.0/examples/app/simple and successfully ran the example.

    Then I added a paging-toolbar as bbar-attribute in 'AM.view.user.List' using two different methods:

    1.
    Code:
    Ext.define('AM.view.user.List' ,{
        extend: 'Ext.grid.Panel',
        alias : 'widget.userlist',
    
        title : 'All Users',
        store: 'Users',
    
        columns: [
            {header: 'Name',  dataIndex: 'name',  flex: 1},
            {header: 'Email', dataIndex: 'email', flex: 1}
        ],
        
        bbar: {
             xtype: 'paging',
             store: 'Users',
             displayInfo: false
        }
    });
    results in error "namespace is undefined"

    2.
    Code:
    Ext.define('AM.view.user.List' ,{
        extend: 'Ext.grid.Panel',
        alias : 'widget.userlist',
    
        title : 'All Users',
        store: 'Users',
    
        columns: [
            {header: 'Name',  dataIndex: 'name',  flex: 1},
            {header: 'Email', dataIndex: 'email', flex: 1}
        ],
        
        bbar: Ext.create('Ext.toolbar.Paging', {
             store: 'Users',
             displayInfo: false
        })
    });
    results in error "Store is undefined"

    Example is attached.

    Thanks in advance,
    Uli
    Attached Files
    Last edited by fishbone; 16 Aug 2011 at 3:46 AM. Reason: typo

  2. The xtype for a paging toolbar is pagingtoolbar, not paging. Worked for me when I changed it.

Thread Participants: 1

Tags for this Thread