/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

27 votes423 views5 answers
Angular bootstrap
Javascript Bootstrap
1 vote412 views1 answer
Bootstrap col no gaps
CSS Bootstrap
127 votes485 views4 answers
React import bootstrap css
CSS Bootstrap
120 votes497 views3 answers
React import bootstrap css file
CSS Bootstrap
10 votes436 views4 answers
Bootstrap badges Links
CSS Bootstrap
253 votes557 views10 answers
Bootstrap cdn
Javascript Bootstrap
112 votes485 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
0 vote444 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
33 votes412 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote418 views1 answer
Bootstrap table using javascript
Javascript Bootstrap