Add items in Abstract base class and child class

[Mike6679]

I have a base class where I have an item in my config. I aslo have a class that extends off this base class where I want to add additional items. It seems my child class is overriding my item in my base class. How can I get both to exist?

/* 
 * 
 * Abstract Class for all slides (Page_x_x_x)
 * 
 */
Ext.define('epiduo_ped.view.Page',
{
    extend:  'Ext.Panel', 
    
    //xtype:   'page',
    //fullscreen: true,
    
    config:
    {
        
        items:[
            {
                
                xtype:'pleasesee'
            }
        ]
    }
	
    ,
    initialize: function(){      
       me = this; 
    }
});

child class:

Ext.define('epiduo_ped.view.1-1-1.Page_1-1-1',
{
    extend:  'epiduo_ped.view.Page',  
    xtype:   'page1-1-1',
   
    config:
    {
       cls:"page1_1_1BG",
       items:[ 
      
        {  
           xtype:'hotspot',
           width:320,
           height:400,
           top:200,
           left:170,
           id: 'hotspot_page1-1-1_a'
        },
        {  
           xtype:'hotspot',
           width:320,
		   height:400,
		   top:200,
		   left:533,
           id: 'hotspot_page1-1-1_b'
        }
       ]
       
    }
});

[mitchellsimoens]

First off people really need to stop doing this:

    initialize: function(){      
       me = this; 
    }

You aren't doing anything in there so don't have it. If you are going to do something then you need to have this.callParent(); in there so it will call it's superclass' initialize method.

You are overriding the items and there isn't an easy way to do it. You could use the applyItems method to insert an item (don't forget the callParent call). You can use the onClassExtended method to change the items array.

[nhan]

Hi mitchellsimoens,

ApplyItems will override all the items in the base class. How can I add some items in subclass to one of containers in the superclass? (I only want to plug the items into a place holder in the base class). So there will be multiple subclasses showing different pages.
thanks for any suggestion or advice or comment

[mitchellsimoens]

You always have access to the superclass with using callParent.

[nhan]

I do call callParent(args) in initComponent(). Can you give a short example on how to add items in subclass?

[mitchellsimoens]

Sencha Touch doesn't use initComponent (it's been deprecated and you should get a warning in the console).

applyItems: function(newItems, oldItems) {
    //can do anything here to newItems, oldItems doesn't do anything currently

    return this.callParent([newItems, oldItems]);
}

[nhan]

I am in extjs 4 not sencha tough

[nhan]

Not Sencha Touch