1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    20
    Vote Rating
    0
    MikeFi is on a distinguished road

      0  

    Default Interopability Between Ext 3.0 platform and Ext 4.0

    Interopability Between Ext 3.0 platform and Ext 4.0


    Hi all,

    I was at this all last night and even had a few brain farts on the way but i want to utilize the charting capabilities in Ext 4.0 on my Ext 3.0 application.

    Currently, im using the Ext 3.0 base files for my application. I created a test page using the Ext 4.0 base files and created a chart in ext 4.0 (awesome btw...)...

    The only way i figured out how to integrate the 4.0 chart into my 3.0 app was to create an Ext iframe window which points to a url "/testing_4.0.php". This iframe target is setup to use the 4.0 base files and it correctly displays the 4.0 chart in my 3.0 app using an iframe window...

    The problem i have is that i lose all layout functionality as the chart must be statically configured using width and height parameters and doesnt fill the window.

    What i would ultimetly want is the chart to be displayed in a standard Ext window (not an iframe) so that i can get the chart to resize dynamically as the window is resized...

    Is it possible to use the base 4.0 and specify some kind of backward compatability so the 3.0 built apps will function with 4.0 base files?

    Any other ideas are welcomed and appreciated!!

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    It has been stated that when 4.0 is actually released, it will ship with a compatibility layer file to allow 3.x functionality to work with making immediate changes.

  3. #3
    Sencha User
    Join Date
    Mar 2010
    Posts
    20
    Vote Rating
    0
    MikeFi is on a distinguished road

      0  

    Default


    Wonderful news! I will in the mean time keep my iframe setup and i will just hard code a width and height for the chart until 4.0 has the compatability layer working...

    Thanks for the response!

  4. #4
    Sencha User
    Join Date
    May 2009
    Posts
    7
    Vote Rating
    0
    3dm is on a distinguished road

      0  

    Default


    Put it into a viewport and it will resize within the iframe window:

    PHP Code:
    Ext.onReady(function () {
        
    Ext.create('Ext.Viewport', {
            
    layout: {
                
    type'border',
                
    padding5
            
    },
            
    defaults: {
                
    splittrue
            
    },
            
    items: [
            {
                
    xtype'toolbar',
                
    region'north',
                
    items  : [{
                    
    text    'Reload Data',
                    
    handler : function() {
                        
    store1.loadData(generateData(10));
                    }    
                }]
            },{
                
    id'chartCmp',
                
    region'center',
                
    layout'fit',
                
    xtype'chart',
                
    animatetrue,
                
    shadowtrue,
                
    storestore1,
                
    axes: [{
                    
    type'Numeric',
                    
    position'left',
                    
    fields: ['data1'],
                    
    label: {
                        
    rendererExt.util.Format.numberRenderer('0,0')
                    },
                    
    title'Number of Hits',
                    
    gridtrue
                
    }, {
                    
    type'Category',
                    
    position'bottom',
                    
    fields: ['name'],
                    
    title'Month of the Year'
                
    }],
                
    series: [{
                    
    type'column',
                    
    axis'bottom',
                    
    highlighttrue,
                    
    tips: {
                      
    trackMousetrue,
                      
    width140,
                      
    height28,
                      
    renderer: function(storeItemitem) {
                        
    this.setTitle(storeItem.get('name') + ': ' storeItem.get('data1') + ' $');
                      }
                    },
                    
    label: {
                      
    display'insideEnd',
                      
    'text-anchor''middle',
                        
    field'data1',
                        
    rendererExt.util.Format.numberRenderer('0'),
                        
    orientation'vertical',
                        
    color'#333'
                    
    },
                    
    xField'name',
                    
    yField'data1'
                
    }]
            }]
        });
    }); 

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

      0  

    Default


    You should look at the ext sandbox example. Using the sandbox files allows you to use the Ext 4 stuff alongside Ext 3 by changing the namespace for Ext4 from Ext to Ext4.

  6. #6
    Sencha User
    Join Date
    Mar 2010
    Posts
    20
    Vote Rating
    0
    MikeFi is on a distinguished road

      0  

    Default


    Thanks for the responses. I will try out the sandbox approach and if that fails i will try the viewport approcach....Ext4 charts are just too good to pass on...

  7. #7
    Sencha User
    Join Date
    Mar 2010
    Posts
    20
    Vote Rating
    0
    MikeFi is on a distinguished road

      0  

    Default


    So i tried the sandbox approach which worked but the css (ext4.css) was messing up my desktop css.

    I ended up using the viewport which worked wonderfully...It now resizes with the iframe window

    Thanks for all the help!!

  8. #8
    Sencha User
    Join Date
    Apr 2010
    Posts
    7
    Vote Rating
    0
    jstrx is on a distinguished road

      0  

    Default


    I've been playing around with the sandbox demo, the Ext 4 charts do work in a 3 environment, but not very well in the 'desktop' environment. Since the ext4 chart and window in the sandbox example are created mostly outside the Ext 3.3 desktop framework they don't really play nice with the desktop. Things like minimizing/maximizing the Ext 4 window, having it constrain to the desktop rather than the whole page etc don't work. The Ext4 window is also always in front of all other windows. I guess it was just a cobbled together demo to show that it is sorta possible. Until the compatibility file is released i don't think it's worth spending too much time on.

Similar Threads

  1. Adobe AIR...just another widget platform?
    By Hermman in forum Ext.air for Adobe AIR
    Replies: 2
    Last Post: 1 Oct 2011, 3:33 AM
  2. Ext.platform methods
    By jordandobson in forum Sencha Touch 1.x: Discussion
    Replies: 9
    Last Post: 13 Sep 2010, 10:30 AM
  3. 0.82 documentation Ext.platform
    By mrsunshine in forum Sencha Touch 1.x: Bugs
    Replies: 0
    Last Post: 17 Jun 2010, 1:19 AM
  4. Development platform pickle.
    By SeaSharp in forum Community Discussion
    Replies: 9
    Last Post: 15 Oct 2007, 2:41 AM

Thread Participants: 4

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