Prabhu Sunderaraman

A custom grid component in Ext JS4

Continuing my work on custom components in Ext JS4, let’s create a custom grid component. This component takes up JSON data and displays it in a tabular format. The component is used as shown below { xtype : "mygrid", fields […]

A Link component with custom events in Ext JS 4

In the earlier post, we discussed creating a link component in Ext JS 4 using a template-based approach. In this post, let’s try to add our own events to the link component and register an event handler for the same. […]

A Link component in Ext JS 4 – Template-based approach

In the earlier post, we discussed creating a link component in Ext JS 4 using the autoEl property. The autoEl object is initialized with the values passed during the creation of the link component. Let’s create the following link component […]

A Link component in Ext JS 4

In the earlier post, we saw an example of creating a helloworld label component in Ext JS4. Let’s try to create a hyperlink component here. The hyperlink component that you’ll create will be used as shown below. { xtype : […]

Hello World label component in Ext JS4

Creating custom Components in Ext JS 4 involves following a series of steps. If you understand the Object-Oriented concepts of Ext JS4, it’s not really mind-boggling. Say you want to create a component that renders the following HTML. <label>Hello World</label> […]