JSON Bootstrap Dropdown

JSON Bootstrap Dropdown - Andrew Pougher

by dshilkret

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 <div class="jumbotron">
  <h1>Retrieve Query</h1>
     
     <div class="btn-group" role="group" aria-label="">
    

     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
     <i class="fa fa-trophy"></i> Coming Events
      <span class="caret"></span>
    </button>
<ul class='dropdown-menu' role='menu'></ul>
</div>
     </div>

JavaScript

$(function () {

    var data = 200{  
   "result":[  
      {  
         "number":"QUE0001019",
         "sys_id":"03a318e24f32030099f1b2718110c7fe",
         "sys_updated_by":"admin",
         "sys_created_on":"2017-12-05 14:57:16",
         "sys_mod_count":"0",
         "sys_updated_on":"2017-12-05 14:57:16",
         "sys_tags":"",
         "querytext":"[{and=[{term={Incident.date=2017-12-05T09:54:22}}, {term={Incident.incidentnumber=INC0010001}}]}, {term={Incident.boolean=0}}, {terms={Incident.state.multi=[]}}, {not={filter={term={Incident.shortdesc=task}}}}, {exists={field=Incident.shortdesc}}, {range={Incident.sladate={gte=now, lte=now+7d}}}]",
         "sys_class_name":"x_150952_elastic_s_query_context",
         "sys_created_by":"admin"
      },
      {  
         "number":"QUE0001020",
         "sys_id":"9ba318624f32030099f1b2718110c704",
         "sys_updated_by":"admin",
         "sys_created_on":"2017-12-05 14:57:17",
         "sys_mod_count":"0",
         "sys_updated_on":"2017-12-05 14:57:17",
         "sys_tags":"",
         "querytext":"[{and=[{term={Incident.date=2017-12-05T09:54:22}}, {term={Incident.incidentnumber=INC0010001}}]}, {term={Incident.boolean=0}}, {terms={Incident.state.multi=[]}}, {not={filter={term={Incident.shortdesc=task}}}}, {exists={field=Incident.shortdesc}}, {range={Incident.sladate={gte=now, lte=now+7d}}}]",
         "sys_class_name":"x_150952_elastic_s_query_context",
         "sys_created_by":"admin"
      }
   ]
};
    var getMenuItem = function (itemData) {
        var item = $("<li role='presentation'>")
            .append(
        $("<a>", {
            href: '#' + itemData.link,
            html: itemData.name,
            role: 'menuitem'
        }));
        if (itemData.sub) {
            var subList = $("<ul>");
            $.each(itemData.sub, function () {
                subList.append(getMenuItem(this));
            });
            item.append(subList);
        }
        return item;
    };
    
    var...