Autocomplete

Example

@

##value##

##data.company##
##data.ResultNo## results

Code

<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>