Jquery Grid problem

I have to create the Jquery Grid that have check boxes and drop down.

the requirement is that used can add now row to the grid and can update the existing row and there is Save Change button. So when user click on the save Change all the update go in one short.

How can i achieve this. do any one have example of that type of grid and scenario.

Please Help.

Thanks.

I am doing just this at the moment, and after initially implementing jqGrid I have settled on SlickGrid since I have a large amount of data (both columns and rows) and the performance of SlickGrid is much better. I also really like the observer based programming pattern which is encouraged in the examples, however this is more of a personal preference rather than an objective one.

Here is the link to the demo page: http://wiki.github.com/mleibman/SlickGrid/examples

Have a look at my slightly complex grid here. There is room for improvement, but it should help a little.

If you make your data load locally, you can then ignore the update in the server after edit and when they press the save button (which you create yourself), iterate through all your rows and call the save method - $("#Grid").jqGrid('saveRow', currentRowIterationID);

You can add rows using $("#Grid").addRowData(rowid,data, position, srcrowid);

Have a look at this page for a number of useful methods.