1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    65
    Answers
    7
    Vote Rating
    1
    warrean is on a distinguished road

      0  

    Default Answered: Events not working anymore after Container.add

    Answered: Events not working anymore after Container.add


    Hi

    I have a View with 2 containers (resp. layouts: vbox and hbox). In the view's controller I want to move the items from container1 to container2.

    However, when I do this I can't use the functionality anymore (in this example it's a fieldtext and I can't type in it anymore). When I add them back to the container they were original in, the events work again.

    I suspect the events aren't transferred along with the components, and so the browser doesn't register anything.

    View:
    Code:
    Ext.define('T.view.OrientationChange', { 
        extend: 'Ext.Container',
        id: 'orichangeview',
    
        config: {
            layout: 'fit',
            items: [
                {
                    itemId: 'hboxContainer',
                    layout: 'hbox'
                },
                {
                    itemId: 'vboxContainer',
                    layout: 'vbox',
                    items: [
                            {
                                xtype: 'textareafield',
                                id: 'commentField',
                                placeHolder: 'Comment...'
                            }
                           ]
                }
            ]
        }
    });
    Controller:
    Code:
    Ext.define('T.controller.OriChangeController', {
        extend: 'Ext.app.Controller',
     
       config: {
            refs: {
                hboxContainer: '#hboxContainer',
                vboxContainer: '#vboxContainer',
                commentF: '#commentField'
            },
    
    
            control: {
                'viewport': {
                    orientationchange: 'orichange'
                }
            }
        },
    
    
        orichange: function() {
            var me = this, items;
            console.log('ori change');
            if (Ext.Viewport.getOrientation() == 'landscape') {
                me.getHboxContainer().add(me.getCommentF());
            } else {
                me.getVboxContainer().add(me.getCommentF());
            }
        }
    });
    So how do I keep functionality?

  2. Apparently I had to hide the other container, it was blocking the events! So simple.. :-)

  3. #2
    Sencha User
    Join Date
    Sep 2012
    Posts
    65
    Answers
    7
    Vote Rating
    1
    warrean is on a distinguished road

      0  

    Default


    Apparently I had to hide the other container, it was blocking the events! So simple.. :-)

Tags for this Thread

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..."