Ext js 4 architecture

Ext 4 Architecture Ed Spencer @edspencer

Ext JS Architecture Layouts State Utilities Data Components

Shared with Sencha Touch

Sencha Platform Ext JS Sencha Touch Platform

Sencha Platform Platform Data Layouts Utilities Charts Animation

Components Data Component Layout Utilities

Example Store Grid Layout Renderers

Ext 3 Proxy Store Reader Record Writer

Ext 4 Model Store Writer Proxy Reader

Models Writer Model Proxy Reader

Models Model

Models Fields Model

Models Fields Associations Model

Models Fields Associations Model Validations

Models Fields Associations Model Validations Proxy

Models Fields Associations Model Validations Proxy Business logic

Example

Example User Order OrderItem

Example User

Example Order

Example OrderItem

Loading Nested Data GET /users/1.json

Loading Nested Data GET /users/1.json Automatically loads associations

Automatically loads associations

Integrated with Components

Stores

Store’s supporting cast Store Data Sorters Filters

Richer Store API Sorters Filters

Richer Store API Sorters and Filters are Sorters MixedCollections Filters

Richer Store API Sorters and Filters are Sorters MixedCollections Add/remove any time Filters

Richer Store API Sorters and Filters are Sorters MixedCollections Add/remove any time Filters Ext.util.Sorter

Richer Store API Sorters and Filters are Sorters MixedCollections Add/remove any time Filters Ext.util.Sorter Ext.util.Filter

Proxies

Proxies Proxy ClientProxy ServerProxy

Server Proxies ServerProxy AjaxProxy RestProxy ScriptTagProxy

Client Proxies ClientProxy WebStorageProx MemoryProxy WebSqlProxy y

Proxies Store/Model Operation Proxy

Ext.data.Operation Operation

Ext.data.Operation Mediates between Store and Proxy Operation

Ext.data.Operation Mediates between Store and Proxy Operation Create, Read, Update or Destroy

Ext.data.Operation Mediates between Store and Proxy Operation Create, Read, Update or Destroy Asynchronous

Ext.data.Batch Create Batch Update Destroy

Ext.data.Batch Batch

Ext.data.Batch Combines Operations Batch

Ext.data.Batch Combines Operations Batch Batches into 1 request

Ext.data.Batch Combines Operations Batch Batches into 1 request Can run sequentially

Summary

Summary Large scale Architecture in 3.x good

Summary Large scale Architecture in 3.x good New data capabilities: Models

Summary Large scale Architecture in 3.x good New data capabilities: Models Associations

Summary Large scale Architecture in 3.x good New data capabilities: Models Associations Validations

Summary Large scale Architecture in 3.x good New data capabilities: Models Associations Validations Flexible Proxies

Summary Large scale Architecture in 3.x good New data capabilities: Models Associations Validations Flexible Proxies Operations & Batches

Questions?

http://loianegroner.com	2081
http://myxaab.wordpress.com	1767
http://kitakatsu.info	506
http://www.loiane.com	395
http://css.dzone.com	114
http://feeds.feedburner.com	59
url_unknown	12
http://expsv18	11
http://expsv18:88	6
http://192.168.61.201	5
http://webcache.googleusercontent.com	4
http://cc.bingj.com	2
http://wiki1.dmz.expersoft.com	2
http://translate.googleusercontent.com	2
http://207.46.192.232	1
http://www.netevader.com	1
http://static.slideshare.net	1

Ext js 4 architecture

by Ed Spencer on Nov 19, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

17 Embeds 4,969

Statistics

Ext js 4 architecture — Presentation Transcript