Results 1 to 2 of 2

Thread: Dynamically adding FormPanel works in Safari, but not in Chrome or Firefox

  1. #1

    Default Dynamically adding FormPanel works in Safari, but not in Chrome or Firefox

    Ext version tested:
    • Ext 3.3.1


    Adapter used:
    • ext


    css used:
    • only default ext-all.css




    Browser versions tested against:
    • Chrome 10
    • FF3 (firebug 1.3.0.10 installed)
    • Safari 5


    Operating System:
    • MacOS
    • WinXP


    Description:
    • Describe the problem in greater detail here, summarizing the behavior.
      I try to extend the Panel, and add to the newly created component a FormPanel as a child. But it only works in Safari.


    Test Case:

    Code:
    Ext.myPanel = Ext.extend(Ext.Panel, {
    	
    	...
    	
    	initComponent: function() {
    		Ext.myPanel.superclass.initComponent.apply(this, arguments);
    		this.add(new Ext.form.FormPanel({
    			
    			...
    			
    		}));
    	}
    
    
    });
    See this URL : http://www.sencha.com/forum/showthre...Panel&p=568398


    Steps to reproduce the problem:
    • Extend the Panel
    • Add to its items a FormPanel


    The result that was expected:
    • myPanel with one FormPanel child


    The result that occurs instead:
    • In Firefox, an exception: 'this.body is null'
    • In Chrome: Uncaught TypeError: Cannot call method 'addClass' of null

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    Before you execute your superclass call, why not do this

    Code:
    initComponent: function() {
        this.items = Ext.form.FormPanel();
        myclass.superclass.initComponent.call(this);
    }
    You are trying to add something to a parent when the parent isn't rendered yet.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

Similar Threads

  1. Issues with Ext.Button working in Chrome, Safari but not Firefox
    By roko in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 27 Dec 2010, 10:01 AM
  2. JSON StoreLoad Problem on iPhone; works in Safari/Chrome
    By squarefan in forum Sencha Touch 1.x: Discussion
    Replies: 9
    Last Post: 23 Dec 2010, 6:31 AM
  3. Application doesnt work in IE and Chrome but works in FireFox
    By livinglegends in forum Ext 3.x: Help & Discussion
    Replies: 14
    Last Post: 29 Sep 2010, 11:18 PM
  4. Replies: 0
    Last Post: 5 Jul 2010, 9:02 PM
  5. Replies: 7
    Last Post: 27 May 2010, 6:27 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •