This is a quite complex example of editable grid that loads and sends data from and to the server where the data is saved in SQLite database. It is an MVC Ext application with model, store, view and controller implemented.
To run the server code of the example locally you need to have Apache server with PHP installed and SQLite PHP extension enabled.
- feature complete
- implements all CRUD operations (create, read, update, destroy)
- dynamically enables/disables controls to prevent accidental user errors
- contains paging toolbar with extra buttons
- grid is remotely sortable
- uses Font Icons
- logger for learning purposes
The example is ready to be used in a real-life applications when an editable grid is needed.
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/CompanyModel.js app/store/CompanyStore.js app/view/MainGridView.js app/controller/MainController
Source CodeIf you want to see the example code, login or sign-up. Free membership is available.
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