/Javascript/Bootstrap/How to convert json to bootstrap treeview format

How to convert json to bootstrap treeview format

var data = {
  "title": "Person",
  "type": "object",
  "properties": {
    "firstName": {
      "type": "string"
    },
    "lastName": {
      "type": "string"
    },
    "age": {
      "description": "Age in years",
      "type": "integer",
      "minimum": 0
    }
  },
  "required": ["firstName", "lastName"]
};

$(document).ready(function() {
  function format_for_treeview(data, arr) {
    for (var key in data) {
      if (Array.isArray(data[key]) || data[key].toString() === "[object Object]") {
        // when data[key] is an array or object
        var nodes = [];
        var completedNodes = format_for_treeview(data[key], nodes);
        arr.push({
          text: key,
          nodes: completedNodes
        });
      } else {
        // when data[key] is just strings or integer values
        arr.push({
          text: key + " : " + data[key]
        });
      }
    }
    return arr;
  }


  $("#my-treeview").treeview({
    color: "#428bca",
    expandIcon: "glyphicon glyphicon-stop",
    collapseIcon: "glyphicon glyphicon-unchecked",
    showTags: true,
    data: format_for_treeview(data, [])
  });

});

Source: stackoverflow.com

Similar codes

6 votes312 views3 answers
.row bootstrap
CSS Bootstrap
3 votes333 views1 answer
Bootstrap 3 offset
CSS Bootstrap
13 votes385 views4 answers
How to print background bootstrap
CSS Bootstrap
0 vote360 views1 answer
Progress bar bootstrap border
CSS Bootstrap
1 vote404 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
0 vote286 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
0 vote376 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote365 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote342 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
18 votes405 views6 answers
Install bootstrap angular 9
CSS Bootstrap