Extjs 4.1 - How to create item in initComponent function

Question

I have a panel like

 var filterPanel = Ext.create('Ext.panel.Panel', {
        bodyPadding: 5,
        width: 300,
        myValue:5,
        title: 'Filters',
        initComponent: function() {
            this.items = [{
                xtype: 'textfield',
                value: this.myValue
            }];
            this.callParent();
        }
        renderTo: Ext.getBody()
    });

i try to create a item has xtype: 'textfield' and value is myValue of panel. But that's fail.

How to do that thanks. Here is my example text http://jsfiddle.net/4Cmuk/

Nandkumar Tekale · Accepted Answer · 2013-10-09 08:51:31Z

4

You are using Ext.create() function which is used to create instance of your class. initComponent method can be used while defining the class using Ext.define() function, I am not sure but initComponent function would not work using Ext.create() method.

For e.g. See below code, it will get execute:

Ext.define('customPanel', {
        extend: 'Ext.panel.Panel',
        bodyPadding: 5,
        width: 300,
        myValue:5,
        title: 'Filters',
        initComponent: function() {
            this.items = [{
                xtype: 'textfield',
                value: this.myValue
            }];
            this.callParent(arguments);
        },
        renderTo: Ext.getBody()
    }); 

Ext.create('customPanel');

answered Oct 9, 2013 at 8:51

Nandkumar Tekale

16.2k8 gold badges61 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Extjs 4.1 - How to create item in initComponent function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related