Angular JS add new row in editable mode

Question

I am creating a grid using the ng-repeat directive. I need to be able to edit inline, which I achieved using the same idea provided here. I now also need to be able to add new rows to this grid on click of a button. I am doing this by pushing a new entry to my collection on each button click, which inserts a new row into my grid. I want this new row to get added in editable mode. However, to do that, I need to be able to set the editMode property to true dynamically while pushing the new row. How can I achieve this?

JSFiddle: http://jsfiddle.net/Thw8n/69/

EvAlex · Accepted Answer · 2015-01-29 12:32:19Z

5

You did everything right, except binding to editMode field. Just change

data-ng-show="editMode"

to

data-ng-show="entry.editMode"

answered Jan 29, 2015 at 12:32

EvAlex

2,9581 gold badge23 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fahad Over a year ago

thanks, it works for adding a new row, but now I have a new problem. The Cancel button requires 2 clicks to reset the row, and I can't figure out why. The first click resets the data, the second replaces the textboxes with the labels. jsfiddle.net/Thw8n/86

Amaranadh Meda · Accepted Answer · 2015-01-29 12:40:13Z

2

if i understand your problem in right way the following will be answer .

Just replace editMode with enty.editMode in your html handlebars.

I was applied this solution to the your jsfiddle it is working fine for me.

answered Jan 29, 2015 at 12:40

Amaranadh Meda

7244 silver badges12 bronze badges

Collectives™ on Stack Overflow

Angular JS add new row in editable mode

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related