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:
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.
Follow me:
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - 27. June 2019
- The Site Resurgence - 11. February 2018
- Configuring ViewModel Hierarchy - 19. June 2015