Angularjs Treeview - Move nodes

Question

I am very new to angular and have created a treeview using the following example: jsfiddle.net/eu81273/8LWUc/18/

This is the datastructure i use:

treeview1 = [
                {
                    roleName: "User2", roleId: "role2", type: "region", "children": [
                    { roleName: "subUser2", roleId: "role21", collapsed: false, type: "branch", children: [] },
                    {
                        roleName: "subUser21", roleId: "role22", collapsed: false, type: "divison", children: [
                        {
                            roleName: "subUser2-1", roleId: "role211", type: "branch", children: [
                            { roleName: "subUser2-1-1", roleId: "role2211", type: "branch", children: [] },
                            { roleName: "subUser2-1-2", roleId: "role2212", type: "branch", children: [] }
                            ]
                        }
                        ]
                    }
                    ]
                },

                {
                    roleName: "User3", roleId: "role3", children: [
                    { roleName: "subUser3", roleId: "role31", collapsed: false, children: [] },
                    {
                        roleName: "subUser31", roleId: "role32", children: [
                        {
                            roleName: "subUser3-1", roleId: "role3121", "children": [
                            { roleName: "subUser3-1-1", roleId: "role3221", children: [] },
                            { roleName: "subUser3-1-2", roleId: "role3222", children: [] }
                            ]
                        }
                        ]
                    }
                    ]
                },

                {
                    roleName: "User4", roleId: "role4", children: [
                    { roleName: "subUser4", roleId: "role41", children: [] },
                    {
                        roleName: "subUser41", roleId: "role42", collapsed: false, "children": [
                        {
                            roleName: "subUser4-1", roleId: "role431", children: [
                            { roleName: "subUser4-1-1", roleId: "role4231", children: [] },
                            { roleName: "subUser4-1-2", roleId: "role4232", children: [] }
                            ]
                        }
                        ]
                    }
                    ]
                }
        ];

I now have 2 buttons below the treeview, Move Up and Move Down. If I select a leaf node and click on Up it should move to the previous available parent. If I click on down, it should move to the next available parent.

I have tried deleting it from the tree and adding it to a node but have had no success. Could someone help me with this please?

Thanks!

honk · Accepted Answer · 2014-11-22 12:40:29Z

0

I checked for all the possibilities and as per in depth analysis on this, this is not feasible.

The only thing which can be done is the selection of child nodes of the current node (selected) with the help of below code:

$scope.nextNode = function () {
    $scope.tree01.selectNodeHead($scope.tree01.currentNode.children[0]);
    $scope.tree01.selectNodeLabel($scope.tree01.currentNode.children[0]);
};

Here nextNode is the function call on click of the Next button.

edited Nov 22, 2014 at 12:40

honk

9,87311 gold badges83 silver badges90 bronze badges

answered Nov 22, 2014 at 12:01

Ankur Agrawal

266 bronze badges

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

Collectives™ on Stack Overflow

Angularjs Treeview - Move nodes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related