Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,710
On Slideshare
1,658
From Embeds
52
Number of Embeds
1

Actions

Shares
Downloads
67
Comments
0
Likes
3

Embeds 52

http://www.sencha.com 52

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide





























































Transcript

  • 1. Ext GWT Advanced Data Widgets DARRELL MEYER, SENCHA
  • 2. Overview
  • 3. Overview Conference App RequestFactory RequestFactory Support Store Updates Rendering & Formatting Questions
  • 4. Conference App
  • 5. 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.zip
  • 6. 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/
  • 7. RequestFactory
  • 8. RequestFactory Database Server Domain RequestFactory Client RequestFactory EntityProxy
  • 9. RequestFactory Database Implements data access on client & server Server Domain RequestFactory Client RequestFactory EntityProxy
  • 10. RequestFactory Database Implements data access on client & server Manages changes to data Server Domain RequestFactory Client RequestFactory EntityProxy
  • 11. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain RequestFactory Client RequestFactory EntityProxy
  • 12. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain RequestFactory Client RequestFactory EntityProxy
  • 13. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain Entity RequestFactory Client RequestFactory EntityProxy
  • 14. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain Entity RequestFactory Entity Proxy Client RequestFactory EntityProxy
  • 15. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain Entity RequestFactory Entity Proxy RequestFactory Interface Client RequestFactory EntityProxy
  • 16. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain Entity RequestFactory Entity Proxy RequestFactory Interface Server Implementation Client RequestFactory EntityProxy
  • 17. RequestFactory Database Implements data access on client & server Manages changes to data Server Supports batching and caching Domain Entity RequestFactory Entity Proxy RequestFactory Interface Server Implementation Client Wiring it together RequestFactory EntityProxy
  • 18. RequestFactory Entity
  • 19. RequestFactory Entity Domain class in an application
  • 20. RequestFactory Entity Domain class in an application
  • 21. RequestFactory
  • 22. RequestFactory Client-side representation of an entity
  • 23. RequestFactory Client-side representation of an entity
  • 24. RequestFactory Interface
  • 25. RequestFactory Interface Interface between server and client code
  • 26. RequestFactory Interface Interface between server and client code
  • 27. RequestFactory Server Methods in service interface implemented in class with @Service
  • 28. RequestFactory Wiring
  • 29. RequestFactory Wiring Create RequestFactory instance using GWT.create()
  • 30. RequestFactory Wiring Create RequestFactory instance using GWT.create()
  • 31. RequestFactory Usage
  • 32. RequestFactory Support
  • 33. EntityProxyModel
  • 34. EntityProxyModel EntityProxyModel wraps EntityProxy Handles setting model properties from proxy Handles updating proxy from model
  • 35. EntityProxy Listeners
  • 36. EntityProxy Listeners Automatically call the server on Store data changes
  • 37. EntityProxy Listeners Automatically call the server on Store data changes EntityProxyUpdateListener
  • 38. EntityProxy Listeners Automatically call the server on Store data changes EntityProxyUpdateListener EntityProxyRemoveListener
  • 39. Store Updates
  • 40. Store Update Event
  • 41. Store Update Event 3 ways the update event is fired by Store
  • 42. Store Update Event 3 ways the update event is fired by Store 1. Store monitor changes enabled and model fires change event
  • 43. 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
  • 44. 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
  • 45. RequestFactory Store Example
  • 46. Store Updates
  • 47. Store Updates Create EntityProxyModel using EntityProxy
  • 48. Store Updates Create EntityProxyModel using EntityProxy
  • 49. Store Updates
  • 50. Store Updates Add models to store
  • 51. Store Updates Add models to store Listen for Store events
  • 52. Store Updates Add models to store Listen for Store events
  • 53. Store Updates
  • 54. Store Updates Record commit causes server to be updated
  • 55. Store Updates Record commit causes server to be updated Removing from store causes server to be updated
  • 56. Store Updates Record commit causes server to be updated Removing from store causes server to be updated
  • 57. Rendering & Formatting
  • 58. Rendering & Formatting
  • 59. Rendering & Formatting Use XTemplate to generate HTML
  • 60. Rendering & Formatting Use XTemplate to generate HTML XTemplate supports GWT DateTimeFormat & NumberFormat
  • 61. Rendering & Formatting Use XTemplate to generate HTML XTemplate supports GWT DateTimeFormat & NumberFormat Use GridCellRenderer for Grid / TreeGrid
  • 62. Rendering & Formatting Use XTemplate to generate HTML XTemplate supports GWT DateTimeFormat & NumberFormat Use GridCellRenderer for Grid / TreeGrid
  • 63. Rendering & Formatting
  • 64. Rendering & Formatting
  • 65. Questions?
  • 66. Thanks!