/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 vote183 views0 answer
Bootstrapcss
CSS Bootstrap
0 vote186 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
0 vote250 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
0 vote268 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
0 vote237 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote268 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
0 vote287 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote252 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
0 vote262 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
3 votes252 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap