Thursday, May 29, 2014

SingleRow edit in AngularJS

This post is about how to make an row of a table select-able through a radio button and on click of that button making the row data enabled for edit.

Let's go through the below points to know how this functionality work.

The table contains one column data as radio buttons. On selection of one radio button the particular row got selected and available for edit.

Clicking on the edit button opens a form above of the table and shows the data from the selected row, Once data got edited and saved( on click of Save button)  the particular row will be updated with the modified data.

On canceling the form(on click of Cancel button) will close the edit form.

Following is the preview:

Live Demo

For code please visit the following link:

Code explianed in Plunker

No comments:
Write comments