Ext GWT                            Advanced Data Widgets                               DARRELL MEYER, SENCHAMonday, Novemb...
Overview                               Conference App                               RequestFactory                        ...
Conference AppMonday, November 29, 2010
Technology Stack       Ext GWT 2.2.1       GWT 2.1       Java Persistence API (JPA)       Google App Engine (GAE)       Re...
IDE & Plugins       Eclipse IDE for Java EE Developers (Helios 3.6.1)       http://www.eclipse.org/downloads/       Plugin...
RequestFactoryMonday, November 29, 2010
RequestFactory                                                     Database       Implements data access on client & serve...
RequestFactory Entity       Domain class in an applicationMonday, November 29, 2010
RequestFactory EntityProxy       Client-side representation of an entityMonday, November 29, 2010
RequestFactory Interface       Interface between server and client codeMonday, November 29, 2010
RequestFactory Server     Methods in service interface implemented in class with @ServiceMonday, November 29, 2010
RequestFactory Wiring     Create RequestFactory instance using GWT.create()Monday, November 29, 2010
RequestFactory UsageMonday, November 29, 2010
RequestFactory SupportMonday, November 29, 2010
EntityProxyModel       EntityProxyModel wraps EntityProxy       Handles setting model properties from proxy       Handles ...
EntityProxy Listeners       Automatically call the server on Store data changes       EntityProxyUpdateListener       Enti...
Store UpdatesMonday, November 29, 2010
Store Update Event      3 ways the update event is fired by Store      1. Store monitor changes enabled and model fires chan...
RequestFactory                            Store ExampleMonday, November 29, 2010
Store Updates       Create EntityProxyModel using EntityProxyMonday, November 29, 2010
Store Updates       Add models to store       Listen for Store eventsMonday, November 29, 2010
Store Updates       Record commit causes server to be updated       Removing from store causes server to be updatedMonday,...
Rendering & FormattingMonday, November 29, 2010
Rendering & Formatting       Use XTemplate to generate HTML       XTemplate supports GWT DateTimeFormat & NumberFormat    ...
Rendering & FormattingMonday, November 29, 2010
Questions?Monday, November 29, 2010
Presentation Content       <!DOCTYPE ui:UiBinder SYSTEM       "http://dl.google.com/gwt/DTD/       xhtml.ent">       <ui:U...
Thanks!                            Twitter @darrellmeyer        Portions of this presentation from the GWT documentation l...
Upcoming SlideShare
Loading in …5
×

Advanced Data Widgets and Server Integration

1,231 views

Published on

Ext GWT provides a rich set of data components including lists, trees, and grids. Rather than just covering the client-side implementation, this session will demonstrate how to manage your data and data updates from the server. In addition, you will advanced techniques to customize the display of your data.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,231
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Advanced Data Widgets and Server Integration

  1. 1. Ext GWT Advanced Data Widgets DARRELL MEYER, SENCHAMonday, November 29, 2010
  2. 2. Overview Conference App RequestFactory RequestFactory Support Store Updates Rendering & Formatting QuestionsMonday, November 29, 2010
  3. 3. Conference AppMonday, November 29, 2010
  4. 4. Technology Stack Ext GWT 2.2.1 GWT 2.1 Java Persistence API (JPA) Google App Engine (GAE) RequestFactory GWT MVP Dependency Injection with Gin Download at http://dev.sencha.com/playpen/gxt/conference-app.zipMonday, November 29, 2010
  5. 5. IDE & Plugins Eclipse IDE for Java EE Developers (Helios 3.6.1) http://www.eclipse.org/downloads/ Plugins Maven Integration for Eclipse http://m2eclipse.sonatype.org/sites/m2e Maven Integration for Eclipse WTP Integration http://m2eclipse.sonatype.org/sites/m2e-extras Google Eclipse http://code.google.com/eclipse/Monday, November 29, 2010
  6. 6. RequestFactoryMonday, November 29, 2010
  7. 7. RequestFactory Database Implements data access on client & server Manages changes to data Supports batching and caching Server Domain Entity RequestFactory Entity Proxy RequestFactory Interface Server Implementation Wiring it together Client RequestFactory EntityProxyMonday, November 29, 2010
  8. 8. RequestFactory Entity Domain class in an applicationMonday, November 29, 2010
  9. 9. RequestFactory EntityProxy Client-side representation of an entityMonday, November 29, 2010
  10. 10. RequestFactory Interface Interface between server and client codeMonday, November 29, 2010
  11. 11. RequestFactory Server Methods in service interface implemented in class with @ServiceMonday, November 29, 2010
  12. 12. RequestFactory Wiring Create RequestFactory instance using GWT.create()Monday, November 29, 2010
  13. 13. RequestFactory UsageMonday, November 29, 2010
  14. 14. RequestFactory SupportMonday, November 29, 2010
  15. 15. EntityProxyModel EntityProxyModel wraps EntityProxy Handles setting model properties from proxy Handles updating proxy from modelMonday, November 29, 2010
  16. 16. EntityProxy Listeners Automatically call the server on Store data changes EntityProxyUpdateListener EntityProxyRemoveListenerMonday, November 29, 2010
  17. 17. Store UpdatesMonday, November 29, 2010
  18. 18. Store Update Event 3 ways the update event is fired by Store 1. Store monitor changes enabled and model fires change event 2. Store.update(model) called 3. Changes made to Record and commit called on Record or StoreMonday, November 29, 2010
  19. 19. RequestFactory Store ExampleMonday, November 29, 2010
  20. 20. Store Updates Create EntityProxyModel using EntityProxyMonday, November 29, 2010
  21. 21. Store Updates Add models to store Listen for Store eventsMonday, November 29, 2010
  22. 22. Store Updates Record commit causes server to be updated Removing from store causes server to be updatedMonday, November 29, 2010
  23. 23. Rendering & FormattingMonday, November 29, 2010
  24. 24. Rendering & Formatting Use XTemplate to generate HTML XTemplate supports GWT DateTimeFormat & NumberFormat Use GridCellRenderer for Grid / TreeGrid Use UIBinder with HTMLMonday, November 29, 2010
  25. 25. Rendering & FormattingMonday, November 29, 2010
  26. 26. Questions?Monday, November 29, 2010
  27. 27. Presentation Content <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/ xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> div { ! font-family: tahoma, arial, helvetica, sans-serif; } .avatar { ! float: right; ! margin: 5px; ! border: 1px solid #6e6e6f; } ........... .desc { ! clear: left; } </ui:style>Monday, November 29, 2010
  28. 28. Thanks! Twitter @darrellmeyer Portions of this presentation from the GWT documentation licensed under the Creative Commons Attribution 3.0 LicenseMonday, November 29, 2010

×