/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

0 vote161 views2 answers
Bootstrap tooltip keep open on hover
Javascript Bootstrap
9 votes193 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote102 views5 answers
Boostrap css
CSS Bootstrap
0 vote152 views1 answer
Mdbootstrap react
Javascript Bootstrap
0 vote154 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote158 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
0 vote161 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
13 votes178 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
13 votes166 views6 answers
Bootstrap Badges
CSS Bootstrap
120 votes239 views3 answers
React import bootstrap css file
CSS Bootstrap