How to increment parent row dynamically in angular ui tree

Question

In this plunker I have maintained + and ++. + for increment the parent rows and ++ for increment the child rows.

Here ++ is incrementing correctly. and '+' also incrementing correctly, if I click on ++ then it will add one child row for parent.

then if I click on + button for it should add another child row for parent. but it is adding another main row.

Here I got the perticular row with this keyword in html. Like that How can I get parent object of the child row what we have clicked.

ng-click="newSubItem(this)"//here This keyword will give the current object.

controller:-

$scope.newSubItem = function(scope) {
      var nodeData = scope.$modelValue;
      nodeData.items.push({
        id: nodeData.id * 10 + nodeData.items.length,
        rowId: nodeData.rowId + '.' + (nodeData.items.length + 1),
        items: []
      });
    };

Like this I want to increment the current object and push into the items[] array.so The current object will comes under parent object.

Finally how can I get the parent object of the current object.

your question is little ambiguous, you should add a + button for only main rows, and then the + button in the tree should add a child in that parent — Ghulam Mohayudin
– Ghulam Mohayudin, Commented Aug 7, 2017 at 5:43
let me add an answer if it doesn't fit your requirement then let me know — Ghulam Mohayudin
– Ghulam Mohayudin, Commented Aug 7, 2017 at 6:01

Murali · Accepted Answer · 2017-08-07 07:25:25Z

4

ok now update your addParentRow function with this only

 $scope.addParentRow = function(scope) {

  if (scope.$nodeScope.$parentNodeScope) {
    var nodeData = scope.$nodeScope.$parentNodeScope.$modelValue
    nodeData.items.push({
      id: nodeData.id * 10 + nodeData.items.length,
      rowId: nodeData.rowId + '.' + (nodeData.items.length + 1),
      items: []
    });
  } else {
    var lastObj = $scope.list[$scope.list.length - 1];
    var rowItem = {
      "id": parseFloat(lastObj.id) + 1,
      "rowId": parseFloat(lastObj.rowId) + 1,
      "items": []
    }
    $scope.list.push(rowItem);
  }
}

Here is the Plunker

edited Aug 7, 2017 at 7:25

Murali

3781 gold badge6 silver badges15 bronze badges

answered Aug 7, 2017 at 6:04

Ghulam Mohayudin

1,11310 silver badges20 bronze badges

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

2 Comments

Murali Over a year ago

stackoverflow.com/questions/45544608/…

Murali Over a year ago

have you found the problem

Collectives™ on Stack Overflow

How to increment parent row dynamically in angular ui tree

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related