1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    71
    Vote Rating
    2
    Answers
    4
    Tioecomp is on a distinguished road

      0  

    Default Unanswered: Method insert of a panel not working

    Unanswered: Method insert of a panel not working


    Hi all,

    I'm trying to insert a panel among others but no matter index I use nothing happens, I used console.log() to see the items at the main panel, at items there is only one component, all my components are inside innerItems. I saw the difference between items and innerItems at the docs. Checking the source of Container.js I saw the method insertInner: function(item, index) I used and my panels are now inserted at innerItems of my main panel, but they are not shown at display, also I saw at Ext.Panel documentaion and there is a method to remove and get innerItems but none to insert.

    Can anyone help me ou explain what i'm missing?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    Answers
    3575
    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


    Could be a layout issue that you aren't using a layout or properly. Code sample maybe?
    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.

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    71
    Vote Rating
    2
    Answers
    4
    Tioecomp is on a distinguished road

      0  

    Default


    I have a main panel panelPerguntas that I add several panels (pergunta) on tap event on a button.

    Code:
    Ext.define('SesiApp.view.PanelPerguntas', {
        extend: 'Ext.Panel',
        alias: 'widget.panelperguntas',
    
    
        requires: ['SesiApp.view.PanelOpcoes'],
    
    
        config: {
            itemId: 'panelperguntas',      
            layout: {
            type: 'vbox',
                    },        
            scrollable: {
                direction: 'vertical',
                directionLock: true,                     
        }
    });
    Code:
    Ext.define('SesiApp.view.Pergunta', {
        extend: 'Ext.form.Panel',
        alias: 'widget.pergunta',
    
        config: {
            itemId: 'pergunta',
            width: '100%',      
            layout: {
            type: 'hbox',
                    },
            scrollable: false,  
        }
    });
    The code when I add the panels:
    Code:
                        panelPerguntas.add({
                                xtype: 'pergunta',                                        
                                items: [                                        
                                {
                                    xtype: tipoPergunta,
                                    padding: 5,
                                    itemId:'campoResposta',
                                    label: pergunta.get('valor'),
                                    width: '95%',                                
                                    labelWidth: '80%',
                                    labelWrap: true,                            
                                    cls: 'x-form-label-perguntas',
                                    value: pergunta.get('resposta'),
                                    options: opTions,                        
                                },                                                
                                {
                                    xtype: 'button',
                                    width: '45px',
                                    height: '45px',
                                    margin: '10 5',
                                    ui: 'mask',
                                    border: 0,
                                    iconCls: icon,
                                    action: 'showOptions',  
                                    iconMask: true,    
                                    cls: 'btn',    
                                    docked: 'right',                        
                                    iconAlign: 'center'
                                    
                                }
                                ]
                            });
                        } else {
                            panelPerguntas.add({
                                xtype: 'pergunta',
                                
                                items: [
                                {
                                    html: pergunta.get('valor')
                                },                                                
                                {
                                    xtype: 'button',
                                    margin: '10 5',
                                    border: 0,
                                    width: '45px',
                                    height: '45px',
                                    ui: 'mask',
                                    iconCls: icon,
                                    cls: 'btn',
                                    action: 'showOptions',
                                    docked: 'right',  
                                    iconMask: true,                                        
                                    iconAlign: 'center'                                
                                }
                                ]                    
                            });

Thread Participants: 1