<fine-autocomplete id='myAutoComplete1'
config='{
"maxHeight": "300px",
"autofillStrategy": "concats",
"dataTextField": "company",
"datasource": {
"transport": {
"read": {
"url": "../../includes/getGroupedList.php",
"type": "json"
}
},
"serverFiltering": false,
"group": { "field": "Popularity" },
"serverGrouping": false
}
}'>
<input-template class="input-group">
<span class="input-group-addon">@</span>
<textarea id="input" class="form-control" rows="2"></textarea>
</input-template>
<group-template>
<p class="text-uppercase text-center">
<strong>##value##</strong>
</p>
</group-template>
<item-template>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<span>##data.company##</span>
</div>
<div class="col-sm-6 text-right">
<span>##data.ResultNo##</span> results
</div>
</div>
</div>
</item-template>
</fine-autocomplete>