Threaded View

  1. #1
    Ext JS Premium Member
    Join Date
    Jun 2007
    Posts
    13
    Vote Rating
    0
    bdurette is on a distinguished road

      0  

    Default Extending Panel: How can I manipulate the layout regions?

    Extending Panel: How can I manipulate the layout regions?


    I'm trying to extend Ext.Panel, so I can specify the layout and (dynamically) the contents of the various layout regions. I have not figured out how or when the regions actually appear in the DOM so I can manipulate them. I'm using a border layout and in my simplified example I'm only using the 'south' and 'center' region and want to manipulate the 'center' region to add an image. Here's the code I have (full demo code in attachment):

    Code:
    Test.ImagePanel = Ext.extend( Ext.Panel, {
        layout: 'border',
        img: null,
    
        initComponent : function() {
            // Configure the layout for this panel
            Ext.apply(this, {
                layout: 'border',
                items: [{
                    region: 'center',
                    border: false,
                    titlebar: false,
                    deferredRender: false
                },
                new Ext.Slider({
                    animate: false,
                    width: 200,
                    value: 50,
                    minValue: 0,
                    region: 'south',
                    maxValue: 100
                })
            ]});
    
            // Invoke super-class initialization
            Test.ImagePanel.superclass.initComponent.call(this);
            
            this.imagePanel = this.items.itemAt(0);
        },
    
        afterRender: function(ct) {
            /* XXX This doesn't work because the imagePanel is not present in the DOM! */
            Ext.DomHelper.append(this.imagePanel.body.dom, {
                tag:'div',children:[{
                    tag:'img',src:this.img
                    }]
            });
            return;
        },
    
        ...
    I guess I could make yet another panel extension for just holding the image and do the manipulation in the onRender or afterRender of that panel, but that seems like such a waste. Is there a better way?

    Thanks,
    Brandon
    Attached Files
    Last edited by bdurette; 25 Jul 2008 at 10:59 AM. Reason: Update attachment to include image and suggested use of the html attribute on region

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