1. #1
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default EXTJS 4.1 RC2 : NOTHING DISPLAYED, REFS OUT OF ORDER

    EXTJS 4.1 RC2 : NOTHING DISPLAYED, REFS OUT OF ORDER


    All my application made under 4.0.7 does not work any more.

    All the "refs" selector return nothing

    All my panels are not created (onto the DOM)

    What's happend ?

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,637
    Vote Rating
    400
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    This is very difficult to answer based on your description. Have you reviewed your error console to see where the problems exist? 4.1 has changed a bit in the way things work. You may just need to correct aq few key issues to get things going again.

    We have had reports of users requiring very little change up to a larger effort. This depends on your code.

    Regards,
    Scott

  3. #3
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default


    Hi Scott,

    The thing that there is no error at all !

    I've checked the DOM (with Chrome console) and none of my "containers" are created.

    To be a little more precise, but simple :

    I build an Application, with a viewport (autoCreateViewport to true), with some "views" inside. Everything works fine with 4.0.7, but nothing is built/displayed with 4.1 RC2.

    I'll try with RC3.

    I do not think i've to show code, since my application follows the Sencha ExtJS standards (controller -> viewport -> views).

    But, surely, I've forgotten something (new) =D

  4. #4
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default


    Same with RC3

  5. #5
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default


    Here my (partial) code

    Viewport.js
    Code:
    Ext.define('VegaRW.view.Viewport', {    extend    : 'Ext.container.Viewport',
        
        layout    : 'fit',    
        width    : '100%',
        id        : 'charting_viewport',
        
        /**
         * @private
         */
        initComponent : function() {        
            console.log('############# Viewport::initComponent #############');
            this.items = this.buildItems();
            this.callParent(arguments);
        },
        
        /**
         * @private
         */
        buildItems : function() {
            console.log('############# Viewport::initComponent #############');
            var items= [
                {
                    xtype    : 'container',
                    layout    : 'border',
                    width    : '100%',
                    items    : [
                        {
                            xtype    : 'container',
                            layout    : 'border',
                            region    : 'center',
                            width    : '100%',
                            items    : [
                                this.topBox(),
                                this.chartBox(),
                                this.controlsBox()
                            ]
                        },
                        this.messageBox()
                    ]
                },
                this.loadingBox()
            ];
            
            
            
            console.log('> ' + Ext.getCmp('slider_panel'));
            
            return items;
        },    
        
        /**
         * @private
         */
         chartBox : function() {return [
    			Ext.create('VegaRW.view.ChartPanel', {
    				id		: 'chart_panel',
    				region	: 'center'
    			})
    		];
    },
    ... 
    });
    With 4.0.7 the line in blue (console) trace :

    > [object Object]

    With 4.1.0-rc3 the line in blue (console) trace :

    > undefined

    What's wrong !

    the 'slider_panel' is build in the call of chartBox, which is a Container class

    Code:
    Ext.define('VegaRW.view.ChartPanel', {
    	extend	: 'Ext.container.Container',
    	
    	layout	: 'card',	
    	width	: '100%',
    	
    	/**
    	 * @private
    	 */
    	initComponent : function() {		
    		this.items = this.buildItems();
    		this.callParent(arguments);
    	},
    	
    	/**
    	 * @private
    	 */
    	buildItems : function() {
    		return [
    			{			
    				title	: 'VegaRW',
    				xtype	: 'container',
    				cls		: 'chart-panel',
    				layout	: 'border',
    				items	: [
    					this.chartBox(),
    					this.sliderBox()
    				]
    			},
    			{
    				title	: 'VegaRW Monitoring',
    				xtype	: 'container',
    				cls		: 'chart-panel',
    				layout	: 'border',
    				items	: [
    					{
    						xtype	: 'container',
    						id		: 'chart_monitoring_container',
    						cls		: 'chart-container',
    						region	: 'center',
    						layout	: 'fit'
    					}
    				]
    			}
    		];
    		
    		console.log('VegaRW.view.ChartPanel -> ' + Ext.getCmp('slider_panel'));
    Code:
    	},
    	
    	/**
    	 * @private
    	 */
    	chartBox : function() {
    		return {
    			xtype	: 'container',
    			id		: 'chart_container',
    			cls		: 'chart-container right-margin-10',
    			region	: 'center',
    			layout	: 'fit'
    		}
    	},
    	
    	/**
    	 * @private
    	 */
    	sliderBox : function() {
    		return [
    			{
    				xtype	: 'container',
    				cls		: 'slider-panel',
    				id		: 'slider_panel',
    				region	: 'south',
    				layout	: 'column',
    				hidden	: true,
    				items	: [
    					{
    						xtype	: 'container',
    						html	: ' ',
    						width	: 68
    					},
    					{
    						xtype		: 'multislider',
    						cls			: 'date-slider',
    						id			: 'date_slider',
    						columnWidth	: 1.0,
    						values		: [0, 0],
    						increment	: 1,
    						minValue	: 0,
    						maxValue	: 0,
    						disabled	: true,
    						useTips		: true
    					},
    					{
    						xtype	: 'container',
    						html	: ' ',
    						width	: 14
    					}
    				]
    			}
    		]
    	}
    });
    


    The log in this class (in red) IS NEVER DISPLAYED !


  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,119
    Vote Rating
    507
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    It's never going to display the log because you return out of the function before it.

    Also note % based widths aren't and have never been supported.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default


    Quote Originally Posted by evant View Post
    It's never going to display the log because you return out of the function before it.

    Also note % based widths aren't and have never been supported.
    Effectivelly, I've notice (after copying the code) that my log where after the return...

    What ever, this is the same thing if i log before returning the items !!!

    YOU DO NOT ANSWER my question (a little bit cold - as you use to be ;-) )

    Thing is :

    Some of my 'container' are created other none, in the same class

    Code:
    Ext.define('VegaRW.view.ChartPanel', {
        extend    : 'Ext.container.Container',
        
        layout    : 'card',    
        width    : '100%',
        
        /**
         * @private
         */
        initComponent : function() {        
            this.items = this.buildItems();
            this.callParent(arguments);
            
            // log = VegaRW.view.ChartPanel -> chart_container = [object Object]
            console.log('VegaRW.view.ChartPanel -> chart_container = ' + Ext.getCmp('chart_container')); 
            // VegaRW.view.ChartPanel -> chart_monitoring_container = [object Object]
            console.log('VegaRW.view.ChartPanel -> chart_monitoring_container = ' + Ext.getCmp('chart_monitoring_container'));
            // VegaRW.view.ChartPanel -> slider_panel = undefined !!!!!
            console.log('VegaRW.view.ChartPanel -> slider_panel = ' + Ext.getCmp('slider_panel'));
        },
        
        /**
         * @private
         */
        buildItems : function() {
            var me = this;
            
            return [
                {            
                    title    : 'VegaRW',
                    xtype    : 'container',
                    cls        : 'chart-panel',
                    layout    : 'border',
                    items    : [
                        me.chartBox(),
                        me.sliderBox()
                    ]
                },
                {
                    title    : 'VegaRW Monitoring',
                    xtype    : 'container',
                    cls        : 'chart-panel',
                    layout    : 'border',
                    items    : [
                        {
                            xtype    : 'container',
                            id        : 'chart_monitoring_container',
                            cls        : 'chart-container',
                            region    : 'center',
                            layout    : 'fit'
                        }
                    ]
                }
            ];
            
        },
        
        /**
         * @private
         */
        chartBox : function() {
            return {
                xtype    : 'container',
                id        : 'chart_container',
                cls        : 'chart-container right-margin-10',
                region    : 'center',
                layout    : 'fit'
            }
        },
        
        /**
         * @private
         */
        sliderBox : function() {
            return [
                {
                    xtype    : 'container',
                    id        : 'slider_panel',
                    cls        : 'slider-panel',
                    region    : 'south',
                    layout    : 'column',
                    hidden    : true,
                    items    : [
                        {
                            xtype    : 'container',
                            html    : ' ',
                            width    : 68
                        },
                        {
                            xtype        : 'multislider',
                            cls            : 'date-slider',
                            id            : 'date_slider',
                            columnWidth    : 1.0,
                            values        : [0, 0],
                            increment    : 1,
                            minValue    : 0,
                            maxValue    : 0,
                            disabled    : true,
                            useTips        : true
                        },
                        {
                            xtype    : 'container',
                            html    : ' ',
                            width    : 14
                        }
                    ]
                }
            ]
        }
    });
    n.b : notice that's we are about to purchase a commercial license, so think about how you reply before replying !

  8. #8
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,119
    Vote Rating
    507
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I can't tell what the problem is from what you've posted, I would need to debug it to provide any kind of meaningful feedback. If you can create a test case I can run locally I'd be happy to look at it, but otherwise there's too many missing pieces.

    As I said above, it could well be related to those % based widths, they aren't supported.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  9. #9
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    131
    Vote Rating
    -2
    YomeKitsuma has a little shameless behaviour in the past

      0  

    Default


    Thanks for quick answer Evant...

    I do not need to do "test case", since I only want to build my interface as I do in 4.0.7

    Application -> viewport -> some views

    I'll give one of my classes (there is 6 classes used by the viewport).

    I do not understand why, in the same class (the one given as sample) some of my containers are "ok" and the "slider" not.

    In 4.0.7 all thing "rolls good", in 4.1.0 (rc1-2-3) ... a mess.

    So, to resume : why in the same class some containers are created and other don't.

    ps : about the % of width, I've never notice this point, I'll take also a look at it =D

  10. #10
    Sencha - Community Support Team
    Join Date
    Jan 2012
    Posts
    1,376
    Vote Rating
    109
    vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all

      0  

    Default


    Your sliderBox() method should return an object instead of an array of objects.
    Code:
        sliderBox : function() {
            return [ // <- remove this
                {
                    xtype    : 'container',
                    id        : 'slider_panel',
                    cls        : 'slider-panel',
                    region    : 'south',
                    layout    : 'column',
                    hidden    : true,
                    items    : [
                        {
                            xtype    : 'container',
                            html    : '&nbsp;',
                            width    : 68
                        },
                        {
                            xtype        : 'multislider',
                            cls            : 'date-slider',
                            id            : 'date_slider',
                            columnWidth    : 1.0,
                            values        : [0, 0],
                            increment    : 1,
                            minValue    : 0,
                            maxValue    : 0,
                            disabled    : true,
                            useTips        : true
                        },
                        {
                            xtype    : 'container',
                            html    : '&nbsp;',
                            width    : 14
                        }
                    ]
                }
           ] // <- remove this
        }

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar