The following learning pathway will help you get started using Sencha GXT, an enterprise class UI framework, to build amazing HTML5 web apps using Java.
- (Download) Download Sencha GXT — Sencha
-
(Blog) Announcing Sencha GXT 3.0 — Darrell Meyer on April 27, 2012
We're excited to announce the general availability of Sencha GXT 3.0! Sencha GXT, previously known as Ext GWT, is our Java based web application framework that leverages the Google Web Toolkit compiler. With the Sencha GXT 3.0 framework, developers can build high performance web applications with cross-browser compatibility across all desktop browsers. -
(Slides) Introducing Ext GWT 3.0 — Darrell Meyer on November 03, 2011
This session will provide an overview of Ext GWT 3.0. There are many new features and lots of new functionality in this major release including Cell-based data widgets, Cell-based fields, a new data API, new charts, and theming. -
(Video) Migrating from Ext GWT 2.x to 3.0 (33:31) — Darrell Meyer on December 13, 2011
Looking to move to Ext GWT 3.0 from 2.x? This session will walk through the important API changes to help make the migration as straightforward as possible. -
(Tutorial) Running Ext GWT 2 and 3 Together — Darrell Meyer on December 15, 2011
To allow a smooth transition from Ext GWT 2 to 3, Ext GWT lets you include both v2 and v3 components in the same application. This article explains the steps you need to take to run components from both versions at the same time. -
(Blog) Setting Up Your First Ext GWT Project in Eclipse — Brendan Coughran on November 10, 2010
For those of you just entering the Ext GWT world, this is a quick guide for setting up your first project in Eclipse. -
(Documentation) Sencha GXT 3 API — docs.sencha.com
This document is the API specification for Sencha GXT 3.0.1. -
(Examples) Samples & Demos — www.sencha.com
-
(Slides) Ext GWT 3.0 Data Widgets — Colin Alworth on November 2, 2011
The data widgets in Ext GWT3 have been completely rewritten. Rather than using renderers in 2.x, the new data widgets are GWT Cell-based. In this session you will learn about the changes and how to use the new API. -
(Video) Ext GWT 3.0 Data Binding and Editors (30:22) — Colin Alworth on December 21, 2011
With the GWT Editor framework, any Java bean can have its data bound to a view. Data can be any bean-like object, POJO, AutoBean, or RF EntityProxy, as well as BaseModelData subclass, to facilitate migrating legacy code. We’ll discuss creating Editor subclasses and reusing them, as well as look at possible patterns for using the Drivers. -
(Blog) Build an App with Ext GWT DataProxies — Darrell Meyer on January 06, 2011
The Ext GWT Loading API provides a powerful and flexible design for retrieving remote content. Ext GWT team lead Darrell Meyer takes you through a demo app using DataProxies. -
(Video) Using UIBinder with Ext GWT 3.0 (31:02) — Darrell Meyer on December 14, 2011
With Ext GWT 3.0 it is now possible to leverage declarative layouts with Ext GWT widgets and containers. In this session, you’ll learn how to use UIBinder within your Ext GWT application. -
(Tutorial) Ext GWT 3 Declarative Markup with UiBinder — Justin Hickman on October 18, 2011
The GWT 2.0 release introduced the ability to construct user interfaces in a declarative way using XML files. To support UiBinder in Widgets, several conventions had to be followed. These include implementing HasWidgets to allow a Widget to behave as a container, implementing HasHTML to allow raw HTML directly in panels, and adding @UiConstructor and @UiChild annotations in Widgets to support custom behavior. Ext GWT 2 was released prior to GWT 2.0 and thus did not have support for UiBinder. UiBinder support has been one of the major driving factors for many of the API changes in Ext GWT 3.0. -
(Blog) Ext GWT 3.0 Appearance Design — Darrell Meyer on June 28, 2011
With Ext GWT 3.0, we have introduced a new way of rendering the view and styling a widget. This approach, introduced by Google, is very flexible and has many advantages to the previous method. Darrell Meyer provides a glimpse into the appearance design of Ext GWT 3.0. -
(Forums) Sencha GXT 3.x Community Forums — www.sencha.com
-
(Slides) Ext GWT 3.0 Advanced Templates — Colin Alworth on November 2, 2011
Templates in Ext GWT 3.0 are generated at compile time, allowing them to be optimized. In addition to being mapped to a model, Templates can render data from beans, and can work with CssResources. We’ll discuss how to use these to create new component or how to create new appearances for existing ones, and how to use them with GWT Cells. -
(Blog) Ext GWT 3.0 XTemplate Redesign — Darrell Meyer on May 18, 2011
XTemplates are are a powerful feature in Ext GWT. Prior to 3.0, XTemplates have been implemented using the same design and code as Ext JS. For 3.0, we decided we would like to replace the Ext JS JavaScript-based implementation with a solution more fitting with GWT and the features it offers. This article walks through the details of this redesign and gives some insight into the final design as well as a few code samples. -
(Video) Creating Ext GWT Extensions and Components (32:39) — Sven Brunken on December 14, 2011
Do you have a need for custom components or behavior? This session will bring you the knowledge you require to create and extend custom components. Learn which calls to intercept for your custom logic. -
(Slides) Creating Ext GWT Extensions and Components — Sven Brunken on November 2, 2011
Do you have a need for custom components or behavior? This session will bring you the knowledge you require to create and extend custom components. Learn which calls to intercept for your custom logic. -
(Blog) Expressive Presentation of Data with Sencha GXT 3 Charts — Brendan Coughran on July 5, 2012
In a previous article, we discussed the charting library as a whole. However, there is far more to the Sencha GXT 3 charting library than was covered in that introduction. This article discusses a number of the more intermediate and advanced features that you can use — including tweaking the data store backing your chart. With some simple changes to the basic chart setup, you can make your visualizations even more explanatory and expressive. -
(Blog) Ext GWT 3.0 Drawing and Charting — Brendan Coughran on August 30, 2011
It has always been a challenge to draw objects in GWT because SVG and VML are not supported out of the box. In Ext GWT 3.0, we solve this problem by providing a draw framework that runs everywhere, from IE6 to the latest Chrome that is developed as a pure GWT library. -
(Slides) Charting & Data Visualization in Ext GWT 3.0 — Brendan Coughran on November 2, 2011
It has always been a challenge to draw objects in GWT because SVG and VML are not supported out of the box. In Ext GWT 3.0, we solve this problem by providing a draw framework that runs everywhere, from IE6 to the latest Chrome that is developed as a pure GWT library. Learn about the new API’s and features including examples. -
(Slides) Ext GWT 3.0 Theming and Appearances — Darrell Meyer on November 2, 2011
Theming in Ext GWT 3.0 now uses the GWT Appearance pattern and utilizes GWT ClientBundle and CssResource. This session will provide a detailed overview of how theming works and how to extend and create new themes. -
(Blog) Migrating Styles & Themes from Ext GWT 2 to Sencha GXT 3 — Tony Stuart on August 22, 2012
In Ext GWT 2, component styles were defined in a single large CSS file. Developers could extend or redefine the styles in this file to control the appearance of a component or define a custom theme. Although this made it easy to give components a new look, it was hard to determine the relationship between the styles in the CSS file and the components in the library. Furthermore, there was no assurance that all of the styles in the CSS file were needed, or that the styles needed for a particular component were actually defined in the CSS file. -
(Slides) Performance Optimization for Ext GWT 3.0 — Sven Brunken on November 2, 2011
Application performance is an important part of an application’s usability. This session will provide detailed information and tips to keep your applications running fast.