Description
This example shows how to present one copy of data from the store/model in various forms and how to synchronize data changed at various places. The synchronization of selection between grid and data view is also shown.
Main Features
- one store with static inline data
- editable grid
- read-only data view
- form with Commit and Reject buttons
- controller synchronizes selection between grid and data view
- controller synchronizes data updated either in grid or form
- FontAwesome font icons
- one instance per application
Example Files (relative to example root)
The example has been initially generated with sencha generate app so the following list contains only added or edited files:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
app.js app.json app/Application.js app/model/PersonModel.js app/store/PersonStore.js app/view/MainView.js app/view/PersonDataView.js app/view/PersonFormView.js app/view/PersonGridView.js app/view/PersonPanelView.js app/controller/MainController sass/src/view/PersonDataView.scss |
Source Code
If you want to see the example code, login or sign-up. Free membership is available.
I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - June 27, 2019
- The Site Resurgence - February 11, 2018
- Configuring ViewModel Hierarchy - June 19, 2015
