Create an extension with an xtype in ExtJS 4

javascript extjs extjs4
klj picture klj · May 10, 2011 · Viewed 15.8k times · Source

I am used to ExtJS 3.X, but am struggling with ExtJS 4.

I want to create an extension of a grid and be able to use an instance of the grid with the xtype. As far as im aware, I have to set the alias as widget.xtypename but its not working for me.

var MyGrid = Ext.define('mygrid', {
    extend:'Ext.grid.Panel',
    alias: 'widget.mygrid',
    // rest of grid...
});

Ext.create('Ext.window.Window', {
    title:'My Window',
    items:[{
        xtype:'mygrid'
    }]
})

The Error I am getting in Chrome console is Cannot create an instance of unrecognized alias: widget.mygrid

Some help would be much appretiated

Answer

Kunal picture Kunal · Jun 21, 2011 
 Ext.define('MyApp.Grid',{
            extend: 'Ext.grid.GridPanel',
            alias: 'widget.mygrid',
            .......
            .......
            }

Now you can use as xtype:'mygrid'

Related questions

How to display binary data as image - extjs 4

Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image with extjs 4? …

Read More
Explain ExtJS 4 event handling

I've recently started learning ExtJS, and have trouble understanding how to handle Events. I have no experience of any previous versions of ExtJS. From reading various manuals, guides and documentation pages, I've figured out how to use it, but I'm …

Read More
How to add row double click event listener when extending grid panel with Ext.define()?

I am extending GridPanel with Ext.define() (Ext v4). I need to get the row data when a grid row is double clicked. At this point I cannot even get the event listener working: Ext.define('Application.usersGrid', { extend: 'Ext.…

Read More