/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

55 votes274 views5 answers
Bootstrap 3 button
CSS Bootstrap
12 votes183 views6 answers
Bootstrap modal
Javascript Bootstrap
8 votes199 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote223 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
0 vote190 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote173 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
116 votes276 views6 answers
Bootstrap react
Javascript Bootstrap
24 votes189 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
15 votes183 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap
0 vote175 views1 answer
Bootstrap create full screen background image
CSS Bootstrap