In this chapter, we covered how to implement screens that look very similar to the MySQL Table Editor. The most important concept we covered in this chapter is implementing abstract classes, using the inheritance concept from OOP. We are used to using these concepts on server-side languages, such as PHP, Java, .NET, and so on. This chapter demonstrated that it is also important to use these concepts on the Ext JS side; this way, we can reuse a lot of code and also implement generic code that provides the same capability for more than one screen.

We created a Base Model, Store, View and a Controller. We used the following plugins: celleditor for the GridPanel and Live Search grid and filter plugin for the GridPanel as well. You learned how to perform CRUD operations using the Store capabilities. You also learned how to create custom events and handle Widget Column events on the Controller. We also explored many of the MVC Controller capabilities in this chapter.