The goal of this post is to extend the AngularJS CRUD Grid that we created in previous posts:

• AngularJS – CRUD Grid I
• AngularJS – CRUD Grid II

We will add now the following requirements:

• # 1 Filter items.
• # 2 Custom buttons: This will allow us to add button columns that will call the parent controller with the id of the button clicked and the associated item as parameter.

Results

Code is available on github: https://github.com/softwarejc/angularjs-crudgrid. Feel free to play with it, find errors and write improvements.

You can see a live demo here: AngularJS CRUD Grid III demo.

Filters:

All items

Items containing the letter ‘c’

Custom buttons:

Button click, callback that shows a popup:

Implementation

Continue reading →