ExtJS: La piattaforma vincente

1. your European technology advisoryour European
technology advis

2. Why ExtJS: Class system
Sencha ExtJs 6

3. • Ext JS applications follow a unified directory structure that is the
same for every app.
File structure
• app folder contains application javascript and sass sources
• classic and modern folders contain javascript and sass
sources specific for the toolkit
• overrides could contain custom overrides to framework
classes
• resources contains application assets
• sass folder is for application sass sources (if not defined
inside app)
• packages contain extra packages that the application can use
• ext folder contains the framework sources
• build folder is generated by the Sencha CMD build process

4. • ExtJs is a full object oriented framework
• The class-based programming style is obtained with consistent
naming conventions for classes, namespaces and filenames
• Naming Conventions
• Classes
Top-level namespace + 0..n packages names + Actual Class
MyApp.view.main.Main
MyApp.model.User
MyApp.Application
• Sources
The names of the classes map the file paths. There must only
be one class per file.
MyApp.view.main.Main > /app/view/main/Main.js
MyApp.model.User > /app/model/User.js
Class system

5. Class Declaration

6. • The core of ExtJs architecture is the MVVM paradigm
• Thanks to MVVM ExtJs is able to perform a two-way data binding
between data and views, other than offers a simple and performant
way to write business logic
Model View View-Model (MVVM)
View Model
Model View
Methods & Events
Data
Two-way Data Binding
View
Controller
Methods Events

7. Demo
Sencha ExtJs 6

9. your European
technology advisor
indirizzo
Via Santa Maria Valle 3, 20123
Milano Italia
Gildeweg 39A 4383 NJ
Vlissingen Nederland
Goeman Borgesiuslaan 77
3515 ET Utrecht Nederland
telefono
+39 02 00681 028
email
marketing@ibuildings.it
support@ibuildings.it
your European
technology advisor