Adding Rows to a Grid in ExtJS 4.1

Note: Has been updated for ExtJS 4.1

In the last article we built a data grid mockup in ExtJS 4.1. Now we want to add some rows to the grid.
Firstly we need to create a model class to store a data. We’ve done that also in the previously article, but for the better understanding, here’s it again:

Having the Person class we can simply add new rows to the store (people in our case) by calling the add function with new instances of that class:

And again the stuff in action:

  • fathul wahhab

    how to save new row to database (i’m using php as server side script). thank’s

  • @fathul wahhab:
    you need to submit your form first :)

  • Foobar

    Your example would be more real-worldly
    with a unique aka primary-key row…