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.
Follow me:
Latest posts by saki (see all)

Enter your username and password to log into your account. Don't have an account? Sign up.

Want to collaborate on an upcoming project?