1. #1
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Nashville, TN
    Posts
    34
    Vote Rating
    1
    malkandari is on a distinguished road

      0  

    Default Grid panel scroll does not show in card layout

    Grid panel scroll does not show in card layout


    I'm trying to rewrite my extjs 3 application to extjs 4. A lot of things were not working and i got them fixed. They only thing that is driving me nuts is the Grid's scrolling. I cannot get the grid to show the scrolling. I need vertical and horizontal scrolling. Can anyone help?

    Here is my Viewport def.

    PHP Code:
        Ext.create('Ext.Viewport', {
            
    layout 'border',
            
    defaults: {
                
    splittrue
            
    },
            
    items: [{
                
    region'north',
                
    border:false,
                
    items: [
                        {            
                        
    xtype'toolbar',
                        
    borderfalse,
                        
    items :[{
                                    
    text"Dashboard",
                                    
    handler : function() { },
                                    
    iconCls'icoDashboard'
                                
    }]
                        }]
                },{
                    
    id'main',
                    
    region'center',
                    
    padding'0 5 5 0',
                    
    layout'card',
                    
    activeItem 0,
                    
    borderfalse,
                    
    items: [grid1,{
                        
    html "Card 1",
                        
    title"This is Card 1"
                    
    },{
                        
    html "Card 2",
                        
    title"This is Card 2"
                    
    }]
                },
                {
                    
    region'west',
                    
    padding'0 0 5 5',
                    
    title'Main Menu',
                    
    width200,
                    
    collapsibletrue
                
    }]
            }); 

    And here is my grid def.


    PHP Code:
    var grid1 Ext.create('Ext.grid.Panel', {
        
        
    title 'This is a grid',
        
    storestore,
        
    loadMasktrue,
        
    columns: [
            {
    header'#'xtype'rownumberer'width40sortablefalse},
        {
    header'ID',  dataIndex'leadID',  width100},
            {
    header'First Name',  dataIndex'firstName',  flex1},
            {
    header'Last Name',  dataIndex'lastName',  flex1},
            {
    header'E-Mail Address',  dataIndex'emailPrimary',  flex1},
            {
    header'Phone Number',  dataIndex'phoneDay',  flex1}
        ],
         
    bbarExt.create('Ext.PagingToolbar', {
                
    storestore,
                
    displayInfotrue,
                
    displayMsg'Displaying {0} - {1} of {2}',
                
    emptyMsg"Nothing to display"
               
            
    })
    }); 
    Thanks

  2. #2
    Sencha User
    Join Date
    Apr 2009
    Posts
    48
    Vote Rating
    0
    morfeusz is on a distinguished road

      0  

    Default


    Try use Ext.define.
    I was have same problem with Ext.create and scrolling bar.
    With Ext.define scrolling bar will show - with Ext.create, not.
    I don`t know why.

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Nashville, TN
    Posts
    34
    Vote Rating
    1
    malkandari is on a distinguished road

      0  

    Default


    Use Ext.define for the grid or viewport? Or use them for both?

  4. #4
    Sencha User
    Join Date
    Apr 2009
    Posts
    48
    Vote Rating
    0
    morfeusz is on a distinguished road

      0  

    Default


    define new class from grid.
    Then in viewport insert new gridClass().

  5. #5
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Nashville, TN
    Posts
    34
    Vote Rating
    1
    malkandari is on a distinguished road

      0  

    Default


    How can I do that?

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Nashville, TN
    Posts
    34
    Vote Rating
    1
    malkandari is on a distinguished road

      0  

    Default


    That did not solve it. Thank you for sharing.

    Anyone knows what could be the issue?

    Thank You,
    M-

  7. #7
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Nashville, TN
    Posts
    34
    Vote Rating
    1
    malkandari is on a distinguished road

      0  

    Default


    Thank You, got it fixed. I've defined the grid and its working now.

    not sure what's the difference between define and create yet.

  8. #8
    Sencha User
    Join Date
    Apr 2009
    Posts
    48
    Vote Rating
    0
    morfeusz is on a distinguished road

      0  

    Default


    I think it`s a bug, but not sure.

Similar Threads

  1. Replies: 3
    Last Post: 1 Jul 2010, 4:51 AM
  2. Dynamically Loaded Grids In Card Layout Don't Scroll
    By Tangera in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 17 Jun 2010, 8:45 AM
  3. Button show problem in layout 'card'
    By nomack84 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 4 Jul 2009, 8:08 AM
  4. Show formpanel in card layout
    By Gunmen in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 14 Jul 2008, 12:54 PM
  5. Problems with Scroll in grid inside card layout
    By MtAiryEd in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 4 Feb 2008, 5:54 PM

Thread Participants: 1

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