The big problem I have had in the past with the grouping summary and grouping grid in extjs is the fact that it was always a start with all nodes collapsed or start with all nodes expanded proposition. I don’t know about you but I would love to be able to show the user the grouping grid in the same state that they left it last time. Luckily, there is a way to accomplish this using the css selectors, ext element query, and the ext state manager.

Free extjs 4 training in Portuguese.

sample chapter of the book extjs 4 first look

ExtJS is a MVC architecture based cross browser JavaScript framework for developing Rich Internet Application. The version 4.0 of the popular library is considered as a major step in the world of web UI development.

ere's a quick how-to video on making a basic MVC app using ExtJS 4 and JSFiddle

This post will lead you through simple steps of creating a task manager web application with Ext JS, Ruby on Rails, and Netzke It will take you approximately 7 minutes to build, and if you're beforehand curious whether it's worth following, go straight to the last section but one (by far the biggest in this tutorial), where I discuss the results. The goal is to create a web application that will allow you to add, edit and remove TODO tasks, as well as mark them done. In addition to that, you'll be able to sort and search the tasks, edit several tasks at once, and more. You may start you stopwatch now, and let's get to the job.

In this series of articles, we will take the reference application build by the Sencha product team for using Sencha’s MVC pattern running with an ASP.NET 4.0 project (IIS in production).  The first article takes the reference Sencha MVC app and with almost no changes, makes it work with the ASP.NET Visual Studio 2010 project.  By default, the application works with JSON static files.

“Mobile Application Development using PhoneGap” session was presented at 2nd Annual IndicThreads.com Conference On Mobile Application Development, August 2011, Pune, India. Session Outline: Short Intro of PhoneGap and PhoneGap’s journey towards Standards Choosing the right UI Framework for PhoneGap jQuery Mobile - a. A Short Walk through of capabilities of jQuery and its ease of use b. How to integrate JQuery Mobile with PhoneGap Sencha Touch – a. History of ExtJS, EXT GWT and Sencha Touch. b. A Short Walk through of capabilities of Sencha Touch and its strengths over jQuery Mobile. c. Integration of Sencha Touch with PhoneGap Doing OAuth with PhoneGap Applications for Facebook and Twitter Building Applications on Cloud using PhoneGap Build PhoneGap Build Concept Setting up PhoneGap Build Environment Extending PhoneGap to add more native support using PhoneGap Plugins Why to build Plugins? PhoneGap Plugin Architecture Developing iPhone and Android Plugin

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.

How to use ExtJS 4 + JQuery together example/tutorial

Ext jS 4 plugin example

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.

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.

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.

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.

I’m very happy to announce that my book: ExtJS 4 First Look is released for pre order now. The book is going to be out in November/2011. Currently is in review phase and I think they are going to release the RAW as well.

This is an example of how to use Ext JS 4 and JQuery in an application together.

This time I want to make a simple example in displaying google web search result in ExtJS grid, other ExtJS component that can be used to displaying this result is dataview, but grid is more common in displaying data in ExtJS, to use google search API you have to signup to get an API key, one key is only for one domain.

This is an example of how to use Ext JS 4 and JQuery in an application together. To use Ext JS 4 with any JS frameowork is very simple: you need to import the js framework file (in this case JQuery ) and import Ext JS. ANd you are ready to develop with both frameworks! It is very basic and simple, but I get some emails asking about it once in a while, so I thought it would be nice to share, in case you did not use both in a project together before.

At work we changed the core ajax implementation to work around a problem for a client. It turned into an interesting lesson in the evolution of XMLHttpRequest.

Raudus is a FREE Web-based, Ajax-driven framework and component set for Delphi, that allow create Rich Internet Applications (RIA). Raudus uses ExtJS GUI library in web-applications for PC browsers and SencaTouch library in web-applications for mobile devices. The development process is very similar to desktop applications development.

Eden Ridgway has created an ASP.NET Ajax Web Services proxy for ExtJS 3 and I like that because it allows developer to use ASP.NET Web Service references and dont need to write url directly in there.

This tutorial will walk you through out how to use the Ext JS 4 File Upload Field in the front end and Spring MVC 3 in the back end. This tutorial is also an update for the tutorial Ajax File Upload with ExtJS and Spring Framework, implemented with Ext JS 3 and Spring MVC 2.5.

This tutorial will walk you through out how to use the Ext JS 4 File Upload Field in the front end and Spring MVC 3 in the back end. This tutorial is also an update for the tutorial Ajax File Upload with ExtJS and Spring Framework, implemented with Ext JS 3 and Spring MVC 2.5.

After one month of evaluation of frameworks and tools, I choose ExtJS for UI and Spring/SpringMVC for the business layer for my pet project.