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

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