Update Items rows(parent,child) values at single click

Question

In dynamically added rows i have child and parentrows I am using anjularjs and mvc I have stored varaiables in 2 arrays (parent and child) coming to my problem here i have entered one item row like below https://ibb.co/P9K2JKX right now after clicking of edit button in above screen the relevant values arre displaying on edit popup https://ibb.co/2k4KQ68 In that everything is working fine probelm is that i want to save child and parent rows at a time after clciking of parenr row update button here without clicking of update button in parent it was saving Could kindly anyone help me

Sreekanth Reddy · Answer

Hi Mahesh, I'm not sure, But give a trail on this once. Inside of $scope.Update call $scope.edit function too. Means as like below : $scope.Update = function (index) { debugger; alert("updated"); //Find the record using Index from Array. $scope.EditCustomer.basicamount = $scope.basicamount; $scope.EditCustomer.taxtotal = $scope.taxtotal; $scope.EditCustomer.grandtotal = $scope.grandtotal; $scope.Customers[index] = $scope.EditCustomer; alert($scope.EditCustomer); ////////////////////////////////////////// $scope.edit(index); } Mark as answer, If it helps. Else come up with your query. Thank you.

Mahesh Reddy · Answer

hi, thnaks for your reply Could you please check and suggest me Code ............. $scope.EditCustomer; $scope.EditIndex; $scope.EdittaxIndex; // Edit code for Item Row $scope.edit = function (index) { debugger; //$scope.parentrow =true; //Find the record using Index from Array. $scope.EditCustomer = $scope.Customers[index]; $scope.basicamount = $scope.EditCustomer.basicamount; $scope.taxtotal = $scope.EditCustomer.taxtotal; $scope.grandtotal = $scope.EditCustomer.grandtotal; $scope.EditIndex = index; alert($scope.EditCustomer); } //update code for Item row $scope.Update = function (index) { debugger; alert("updated"); //Find the record using Index from Array. $scope.EditCustomer.basicamount = $scope.basicamount; $scope.EditCustomer.taxtotal = $scope.taxtotal; $scope.EditCustomer.grandtotal = $scope.grandtotal; $scope.Customers[index] = $scope.EditCustomer; alert($scope.EditCustomer); } //Edit code for taxes $scope.Edit3 = function (index) { $scope.childrow = $scope.childrow ? false : true; //Find the record using Index from Array. $scope.EditCustomer = $scope.Customers[$scope.EditIndex]; var torder = $scope.EditCustomer.taxes[index]; $scope.id = torder.id; $scope.Id = index; $scope.value = torder.value; $scope.Selected = torder.Selected; $scope.rowtotal = torder.rowtotal; $scope.EdittaxIndex = index; } //update code for taxes $scope.Update3 = function () { $scope.childrow = false; $scope.tax = $scope.Customers[$scope.EditIndex].taxes[$scope.EdittaxIndex]; $scope.tax.id = $scope.id; $scope.tax.value = $scope.value; $scope.tax.rowtotal = $scope.rowtotal; $scope.tax.Selected = $scope.Selected; $scope.Customers[$scope.EditIndex].taxes[$scope.EdittaxIndex] = $scope.tax; alert("updated"); } Html ................ Click Edit design for taxes ............. {{subitem1.id}}

Jenith Thakkar · Answer

If I'm not getting wrong you want to store child row when you click update parent row. you can do this with localstorage when you click on save of child row that time instead of store that value on database you have to store it on localstorage and when you click on final parent save button that time get that value from localstorage and save it on database refer this to understand localstorage https://stackoverflow.com/questions/41663686/angularjs-store-and-retrieve-data-in-local-storage