Tag: ExtJS Grid

ExtJS 4: How to add Tooltip to Grid Header

ExtJS 4: How to add Tooltip to Grid Header

October 4, 2011 | By | 9 Comments

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: Plugin Code The first [...]

Continue Reading

ExtJS 4: Grid Printer Plugin

ExtJS 4: Grid Printer Plugin

September 7, 2011 | By | 12 Comments

Ed Spencer created a plugin that is capable of creating a print version of an ExtJS grid. This plugin was originally created for ExtJS 3.x. I ported it to ExtJS 4, in case someone need it. The plugin can be downloaded on the following link: https://github.com/loiane/extjs4-ux-gridprinter/archives/master The zip file contains the source code of the plugin [...]

Continue Reading

Top 10 Articles of 2010: Spring, Spring Security, Ext JS, Hibernate

Top 10 Articles of 2010: Spring, Spring Security, Ext JS, Hibernate

December 28, 2010 | By | 4 Comments

Hi guys, This blog completed one year and 2010 is coming to an end. So I decided to list the TOP 10 articles/tutorials of 2010. Here is the list of the most viewed articles: Tutorial: Getting Started with Spring Security ExtJS and Spring MVC Framework: CRUD DataGrid Example Ajax File Upload with ExtJS and Spring [...]

Continue Reading

ExtJS, Spring MVC 3 and Hibernate 3.5: CRUD DataGrid Example

ExtJS, Spring MVC 3 and Hibernate 3.5: CRUD DataGrid Example

September 2, 2010 | By | 54 Comments

This tutorial will walk through how to implement a CRUD (Create, Read, Update, Delete) DataGrid using ExtJS, Spring MVC 3 and Hibernate 3.5. What do we usually want to do with data? Create (Insert) Read / Retrieve (Select) Update (Update) Delete / Destroy (Delete) Until ExtJS 3.0 we only could READ data using a dataGrid. [...]

Continue Reading

Populating an ExtJS DataGrid + RowExpander using Spring MVC 3

Populating an ExtJS DataGrid + RowExpander using Spring MVC 3

May 13, 2010 | By | 8 Comments

This tutorial will walk through how to implement an ExtJS DataGrid with RowExpander plugin using Spring MVC Framework version 3 in the server side. Sometimes you need to show more information than fits within the grid, as an expansion of the record/row. ExtJS DataGrid component provides a plugin called RowExpander, which does exactly what its [...]

Continue Reading