ExtJS Complex Data Binding Example

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.