1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    15
    Vote Rating
    0
    marzapower is on a distinguished road

      0  

    Default Problems with Grids and Accordions

    Problems with Grids and Accordions


    Hello,
    I am realizing a panel which uses the accordion layout, and each item has to contain a grid view.
    This is the code that I'm using for defining the main view (MVC approach):

    Code:
    Ext.define('Dsa.view.home.RiassuntoSituazione', {
        extend: 'Ext.Panel',
        
        alias: 'widget.home.riassunto_situazione',    
        
        layout: 'accordion',
        
        height: '100%',
        
        items: [{
            title: 'Sezioni critiche',
            xtype: 'grid',
            layout: 'fit',
            store: 'Dsa.store.home.RiassuntoSituazione',
            columns: [
                {header: 'Nome',  dataIndex: 'nome'}
            ],
        },{
            title: 'Linee in sovraccarico',
            xtype: 'grid',
            layout: 'fit',
            iconCls: 'icon-home',
            
            store: 'Dsa.store.home.riassunto.LineeSovraccariche',
            
            columns: [
                {header: 'Nome',  dataIndex: 'nome' },
                {header: 'Percentuale',  dataIndex: 'percentuale' }
            ],
        }]
    });
    No problems for the layout itself, but it seems to me that Ext JS fails in building the second grid, since the header is not visible. And it's not visible also for the third, fourth, and so on. Just the first seems to be ok. Is there something that I'm doing wrong here?

  2. #2
    Sencha User
    Join Date
    Jul 2010
    Posts
    15
    Vote Rating
    0
    marzapower is on a distinguished road

      0  

    Default


    The grids are giving problems also when I use the width parameter on columns. That makes a great mess, with overlapping or invisible columns in the grid ...

  3. #3
    Sencha User
    Join Date
    Oct 2009
    Location
    Bucharest, Romania
    Posts
    70
    Vote Rating
    0
    icflorescu is on a distinguished road

      0  

    Default


    Try "nesting" an additional panel between the accordion items and grids.
    Here's a code snippet that works correctly:

    Code:
    Ext.define('App.view.contact.List', {
        extend: 'Ext.panel.Panel',
        alias: 'widget.contact-list',
        layout: 'fit',
        items: [{
            xtype: 'grid',
            ...
            forceFit: true,
            border: false
        }]
    });
    ...and in your accordion you can put:
    Code:
    ...
    items: [ {
        title: 'Contacts',
        xtype: 'contact-list'
    }, {
        title: 'Another Item',
        xtype: 'another-list'
    }
    ...
    Hope this works for you too.

  4. #4
    Sencha User
    Join Date
    May 2008
    Posts
    45
    Vote Rating
    0
    codeart.ch is on a distinguished road

      0  

    Default


    I think thats your problem:

    http://www.sencha.com/forum/showthre...-rendering-bug

    Greetings

  5. #5
    Sencha User
    Join Date
    Jul 2010
    Posts
    15
    Vote Rating
    0
    marzapower is on a distinguished road

      0  

    Default


    Quote Originally Posted by icflorescu View Post
    Try "nesting" an additional panel between the accordion items and grids.
    Here's a code snippet that works correctly:

    ...

    Hope this works for you too.
    Yes, it works correctly now, thank you!

    Quote Originally Posted by sxxl View Post
    I think thats your problem:

    http://www.sencha.com/forum/showthre...-rendering-bug

    Greetings
    Obviously it's the same problem. Thank you too.

Similar Threads

  1. Problems with the presentation of two or more grids
    By pedropsalinas in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 19 Feb 2009, 6:36 AM
  2. Multi Grids in one page: Ie6+ problems
    By Shmitt in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 31 Jul 2008, 5:16 AM
  3. Replies: 0
    Last Post: 30 Apr 2008, 7:22 AM
  4. problems with grids appeareance
    By robertos in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 30 Jul 2007, 4:52 AM

Thread Participants: 2

Tags for this Thread

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