/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

125 votes334 views6 answers
Install React Bootstrap
Javascript Bootstrap
14 votes317 views6 answers
Bootstrap image size
CSS Bootstrap
0 vote319 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote357 views1 answer
React bootstrap table
Javascript Bootstrap
14 votes348 views4 answers
Text align left bootstrap
CSS Bootstrap
40 votes362 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
19 votes273 views3 answers
Bootstrap media queries
CSS Bootstrap
3 votes351 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
41 votes307 views4 answers
Bootstrap npmjs
Javascript Bootstrap
34 votes325 views6 answers
Border bootstrap
Javascript Bootstrap