Ext GWT 3.0

Ext GWT 3 An Introduction to Ext GWT 3 Features and Functionality DARRELL MEYER, SENCHA

Overview Ext GWT 3.0 Goals New GWT Features 3.0 Changes Release Timeline Questions

Name Games Google Web Toolkit “G-W-T” “Gwit” Ext GWT “E-X-T-G-W-T” “X-Gwit” “G-X-T”

Ext GWT 3.0 Goals

Ext GWT 3.0 Goals Sync the Ext GWT design with GWT Incorporate new GWT features Better interoperability with GWT Integrate and support best practices of GWT + =

Syncing With GWT GXT 2.0 GXT 3.0 Events & Listeners Custom GWT Lazy Rendering Yes No Interface Based No Yes UIBinder Support No Yes

New GWT Features in Ext GWT 3.0

GWT 2.1 New Features

RequestFactory Database Alternative to GWT-RPC Focus on data operations Persistence on both client and Server server Domain Tracks deltas for smallest payload RequestFactory Integrates with other GWT features Editors Client Event Bus MVP Activities & Places RequestFactory EntityProxy

GXT Request Factory RequestFactoryProxy DataProxy to load data EntityProxy’s will be used with GXT Model & Store API

AutoBean Automatically generated from bean like interfaces Supports easy encoding / decoding to JSON structures Provides reﬂection like support RequestFactory uses AutoBean http://code.google.com/p/google-web-toolkit/wiki/ AutoBean

GWT AutoBean Ext GWT 3.0 will replace Models with AutoBean Stores will work with AutoBeans directly

MVP GWT built in framework Model EventBus for dispatching events Even Integrated with GWT History t Presenter API Bus Multiple view implementations View 1 View 2

GXT MVP Support Fully support interfaced based design Reuse existing GWT interfaces where applicable Applications can be written and tested using GWT patterns

UIBinder Build Widget and DOM structures from XML Clean separation of code from view Compile time checks and cross-references Performance improvements

UI Binder Panel Code

UI Binder Events & Styles

GXT UIBinder Support Components will support UI Binder Ext GWT will provide XML Schema for it’s components Containers and Layouts will be able to be conﬁgured using UIBinder Containers support both GWT Widgets and GXT Components

Logging Emulates java.util.logging Same syntax and same behavior as server Share logging code between client and server code Supports remote logging Supports different logging handlers SystemLogHandler DevelopmentModuleHandler ConsoleLogHandler FirebugLogHandler PopupLogHandler SimpleRemoteLogHandler

Logging Example Code  <set-property name="gwt.logging.logLevel" value="SEVERE" />  <set-property name="gwt.logging.enabled" value="FALSE" />  <set-property name="gwt.logging.consoleHandler" value="DISABLED" /> // Log a message to the logger @UiHandler("logButton") void handleLogClick(ClickEvent e) { Level level = Level.parse(logTextBox.getItemText(logTextBox .getSelectedIndex())); logger.log(level, "This is a client log message"); } // Trigger an exception and log it to the logger @UiHandler("exceptionButton") void handleExceptionClick(ClickEvent e) { try { Level n = null; n.getName(); } catch (NullPointerException ex) { logger.log(Level.SEVERE, "Null Exception Hit", ex); } }

GXT Logging Support Ext GWT will incorporate GWT Logging into the the Ext GWT Library Developers will be able to enable logging for Ext GWT Provide better insight into Ext GWT code

SafeHTML Deals with Cross-Site-Scripting (XSS) vulnerabilities Untrusted data that is interpreted as HTML Use SafeHtml when dealing with untrusted content All GWT Widgets have been changed to use SafeHtml rather than Strings

GXT SafeHTML Support All GXT Components will use SafeHtml internally All GXT Components will expose SafeHtml rather than Strings

Other GWT Features Editors ClientBundle

3.0 Changes From 2.0

Component Lifecycle Changes

Lazy Rendering DOM Elements not created at construction DOM created when component added to the page Lazy rendering causes much confusion GWT does not lazy render its Widgets

New Design Ext GWT Components now work the same as GWT Widgets DOM elements are created at construction getElement always works

Handlers & Events

Current Design Based on Observable pattern Typed and Untyped API Supports both DOM events and application events Same event type used for multiple events Must read docs to see what members are ﬁlled for the given event Events and listeners in GXT works differently than GWT

GWT Handlers & Events Replace current design with GWT Handlers & EventBus GXT will now work the same as GWT Widgets Strongly typed with event type per event (no sharing events) GXT will also support aggregate handlers Handlers will extend one to many single event handlers Components support removing listeners without the

Container Changes

Container Changes Containers refactored in GXT 3 Now implement GWT panel interfaces HasWidgets HasWidgets.ForIsWidget IndexedPanel Can be used with MVP and unit tests

Loader Generic Loader generics were problematic in design Most generics removed from the Loading API New code is cleaner and easier to implement

Deprecated Code All Ext GWT 2.0 deprecated code will be removed for 3.0 Complete binding package com.extjs.gxt.ui.client.binder Complete tree package com.extjs.gxt.ui.client.tree Complete treetable package com.extjs.gxt.ui.client.treetable

New Theme

Charts

Charts Canvas/SVG/VML Extremely customizable

Charts

Accessibility ARIA FocusManager Access Theme

Documentation Better JavaDocs New comprehensive manual Wiki

New Widgets PivotGrid LiveTreeGrid MultiSelect (Facebook) Tri-State TreePanel & TreeGrid

Release Timeline

Release Timeline GWT 2.1 Released Oct 19, 2010 Ext GWT 2.2.1 Current Release Ext GWT 2.3 December 2010 Ext GWT 3.0 Alpha Q1 2011 Ext GWT 3.0 Final Q2 2011

Questions?

Thanks! Twitter @darrellmeyer Portions of this presentation from the GWT documentation licensed under the Creative Commons Attribution 3.0 License

http://www.sencha.com	358
http://video-it.pl	265
http://darrellmeyer.com	195
http://www.slideshare.net	35
http://jug-lviv.blogspot.com	34
http://feeds.feedburner.com	12
url_unknown	6
http://webcache.googleusercontent.com	3
http://static.slidesharecdn.com	2
http://translate.yandex.net	1

Ext GWT 3.0

by Darrell Meyer on Nov 17, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

10 Embeds 911

Statistics

Ext GWT 3.0 — Presentation Transcript