xeditable Row with 2 forms

Asked

Viewed 41 times

0

I have a main form on the page, and inside it I have an installment tab, where the user can insert as many installments as he wants and they go each, to a row of a table (inside the main form). It is in each of these lines that I want to use xeditable so that the user can change the portion on the line itself.

I took the example there of the xeditable angular, however , as these lines are within a main form, it is not working.

Does anyone have any idea of a solution? Do you know if it works?

Here’s an example working: http://jsfiddle.net/NfPcH/93/ However, if you add a form outside the table, you’ll see that it doesn’t work either, which is my case!

angularjs

1 answer

0

Tries to put these attributes into your inputs:

 class="editable-click" ng-click="$form.$show()" e-ng-blur="$form.$hide()"

  • Hello, it didn’t help :/ I have a main form, and inside it the table I want to edit, and to implement Row Editable, you have to put another form inside, is a form inside a form.

  • I tried to put these attributes in the td that will be edited and also in the edit button, it didn’t work properly in any case. That off-the-books form fucks everything up. :/

  • putting ng-click="$form. $show()" e-ng-Blur="$form. $Hide()", it opens all rows and columns for editing, instead of just the line clicked.

Browser other questions tagged angularjs

You are not signed in. Login or sign up in order to post.