Hybrid View

  1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    91
    Answers
    6
    Vote Rating
    0
    alex9311 is on a distinguished road

      0  

    Default Answered: resize event listener problems

    Answered: resize event listener problems


    Hey all,

    I've got a resizable panel with a column layout which has a grid and another panel as its child components. When the outer-most panel is resized by the user, I want the grid and inner pannel to resize to fill their container. The width resizing is working (thanks to the column layout manager I think) but the height is stuck.

    My workaround was to make a listener in the parent panel for the resize event and resize its child components when it itself is resized. However, when I try to access the child components they return null. Any idea why I might be running into this problem?

    Code:
      Ext.define('BZ.view.blaze.MailDetailMaster', {
            extend: 'Ext.Panel',
            alias: 'widget.maildetailmaster',
            frame: true,
            title: 'Blaze',
            width: 1024,
            layout: 'column',
            resizable: 'true',
            listeners: {
                    resize: function(panel, w, h) {
                            //var detailpanel = Ext.ComponentQuery.query('detailpanel');
                            var detailpanel = panel.down('detailpanel');
                            detailpanel.setHeight(h);
                    }
            },
            items: [{
                    xtype: 'blazegrid',
                    itemId: 'gridPanel',
                    height: 500,
                    width: 380,
                },{
                    xtype: 'panel',
                    columnWidth: 1,
                    height: 500,
                    layout: 'border',
                    itemId: 'detailpanel',
                    items:[{
                            xtype: 'maildetailone',
                            itemId: 'detailPanelOne',
                            region: 'north',
                            height: 75
                        },{
                            xtype: 'maildetailtwo',
                            itemId: 'detailPanelTwo',
                            region: 'center',
                            autoFill: 'true'
                        }]
            }],
            initComponent: function() {
                this.callParent();
            },
        });

  2. Missing #:

    Code:
    var detailpanel = panel.down('#detailpanel');
    You shouldn't need to do manual resizing like this. Any reason you're not just using a vbox layout with align: 'stretch'?

  3. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,568
    Answers
    539
    Vote Rating
    307
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      1  

    Default


    Missing #:

    Code:
    var detailpanel = panel.down('#detailpanel');
    You shouldn't need to do manual resizing like this. Any reason you're not just using a vbox layout with align: 'stretch'?

  4. #3
    Sencha User
    Join Date
    Aug 2012
    Posts
    91
    Answers
    6
    Vote Rating
    0
    alex9311 is on a distinguished road

      0  

    Default


    Thanks, that got it working. What does the # indicate?

    I was using a column layout originally but I could try it with a vbox like you're suggesting

  5. #4
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,568
    Answers
    539
    Vote Rating
    307
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      1  

Thread Participants: 1

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