Breaking News: Grepper is joining You.com. Read the official announcement!

how to add new nod in dynamic treeview using javascipt

Cautious Coyote answered on February 3, 2021 Popularity 5/10 Helpfulness 1/10

answer how to add new nod in dynamic treeview using javascipt

related Create dynamic tree view using JavaScript

how to add new nod in dynamic treeview using javascipt

Comment

var expandedNodes = [];
var tree = [];

$(function()
{
    $.post("http://localhost:8000/getLevel1", function( data ) 
    {
        var JSObject = JSON.parse(data);

        for (j in JSObject)
            tree.push(JSObject[j]);

        createTree();
    });
});

function createTree(){

    var options = {
        bootstrap2: false, 
        showTags: true,
        levels: 0,
        data: tree,
        expandIcon: 'fa fa-chevron-right',
        collapseIcon: 'fa fa-chevron-down',
        onNodeExpanded: nodeExpand,
        onNodeCollapsed: nodeCollapse,
        onNodeSelected: nodeSelect,
        onNodeUnselected: nodeUnselect
    }
    $('#treeview').treeview(options);
    for (node in expandedNodes)
        $('#treeview').treeview('expandNode', [ expandedNodes[node], { levels: 0, silent: true } ]);
    $('#treeview').treeview('expandNode', 0, { silent: true } );
};


function nodeExpand(event, data)
{
    expandedNodes.push(data.nodeId);
    var requestObject = []
    requestObject.push(data.text);

    var parent, dummy = data;
    while ((parent = $('#treeview').treeview('getParent', dummy.nodeId))["nodeId"] != undefined)
        {
        requestObject.push(parent.text);
        dummy = parent;
    }

    $.post("http://localhost:8000/getNode?param=" + JSON.stringify(requestObject), function(retVal) 
    {
        var JSObject = JSON.parse(retVal);
        var node = findNode(requestObject);
        node.nodes = JSObject;
        createTree();
    });
}

function nodeCollapse(event, data)
{
    var index = expandedNodes.indexOf(data.nodeId);
    if (index > -1) 
        expandedNodes.splice(index, 1);
}

function nodeSelect(event, data)
{
    if (data.state.expanded == true)
        $('#treeview').treeview('collapseNode', data.nodeId);
    else
        $('#treeview').treeview('expandNode', data.nodeId);
    //$('#treeview').treeview('unselectNode', [ data.nodeId, { silent: true } ]);
}

function nodeUnselect(event, data)
{
}

function findNode(array)
{
    var searchIn = tree; //array
    var lastFound = tree;
    for (var i = array.length - 1; i >= 0; i--)
        {
        var obj = searchInObject(searchIn, array[i]);
        searchIn = obj.nodes;
        lastFound = obj;
    }

    return lastFound;
}

function searchInObject(objectArray, string)
{
    for (var index in objectArray)
        if (objectArray[index].text == string)
            return objectArray[index];
}

$(document).ready(function () {
    var trigger = $('.hamburger'),
    overlay = $('.overlay'),
    isClosed = false;
    hamburger_cross();
    $('#wrapper').toggleClass('toggled');

    trigger.click(function () {
        hamburger_cross();      
    });

    function hamburger_cross() {

        if (isClosed == true) {          
            overlay.hide();
            trigger.removeClass('is-open');
            trigger.addClass('is-closed');
            isClosed = false;
            $('#open_arrow').removeClass('fa-chevron-circle-left').addClass('fa-chevron-circle-right');
        } else {   
            overlay.show();
            trigger.removeClass('is-closed');
            trigger.addClass('is-open');
            isClosed = true;
            $('#open_arrow').removeClass('fa-chevron-circle-right').addClass('fa-chevron-circle-left');
        }
    }

    $('[data-toggle="offcanvas"]').click(function () {
        $('#wrapper').toggleClass('toggled');

    });  
});

Popularity 5/10 Helpfulness 1/10 Language java

Source: stackoverflow.com

Tags: add dynamic java treeview using

Link to this answer
Share Copy Link

Contributed on Feb 03 2021

Cautious Coyote

0 Answers Avg Quality 2/10

Closely Related Answers

Create dynamic tree view using JavaScript

Comment

dfd
dsf
df

Popularity 1/10 Helpfulness 1/10 Language java

Source: Grepper

Tags: dynamic view using java tree javascript

Link to this answer
Share Copy Link

Contributed on Dec 13 2021

Famous Fish

0 Answers Avg Quality 2/10

Create dynamic tree view using JavaScript

Comment

1.1
1.2
1.3

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: view dynamic javascript tree using

Link to this answer
Share Copy Link

Contributed on Dec 13 2021

Famous Fish

0 Answers Avg Quality 2/10

how to add new nod in dynamic treeview using javascipt

Contents

More Related Answers

how to add new nod in dynamic treeview using javascipt

Closely Related Answers

Create dynamic tree view using JavaScript

Create dynamic tree view using JavaScript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.