ExtJS 4 First Look: Sample Chapter Available

Hi everyone,

I finally finished writing my ExtJS 4 book a couple of months ago and now the book was already uploaded to the printers. Just waiting to be published!

Meanwhile, you can check out a sample chapter. It is chapter 04, and it is about charts.

You can buy the book at the publisher’s website or amazon.com

I hope you enjoy it!

[Screencast] Spket: Setting up Eclipse IDE for Ext JS 4 development

This screencast will walk you through how to set up Eclipse IDE for Ext JS 4 development with Spekt Eclipse plugin. It demonstrates how to enable the autocomplete feature on Eclipse or Aptana

I wrote a tutorial about it a while ago, but it demonstrates how to configure Spket with Ext…

ExtJS 4: How to add Tooltip to Grid Header

This tutorial will walk through out how to add a tooltip to a Grid Header. This feature is not natively supported by Ext JS 4 API. Fortunately,  there is a third-party plugin we can use to do it.

To get started, I created a JavaScript project on Eclipse IDE and it looks like this:

ExtJS 4 Plugin: PagingToolbarResizer

For Ext JS 3, I implemented a plugin called PagingToolbarResizer. However, ExtJS 4 introduced some changes on the API and the plugin does not work for this new version, so I ported it to Ext JS 4.

The complete source code with a complete example of how to use it you can find in my github account: https://github.com/loiane/extjs4-ux-paging-toolbar-resizer

Working demo: http://loianegroner.com/extjs/examples/extjs4-ux-paging-toolbar-resizer/

To use it,…

ExtJS 4 x ExtJS 3 Class Names

Ext JS 4 reorganized the API packages names and as a consequence, some classes has a new class name now. The Ext JS 3 class names are still valid in Ext JS 4, but when we are migrating an app from Ext JS 3 to Ext JS 4, it is recommended to change the class name as well.

That being…