Autocomplete

Example

##value##

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

Code

<fine-autocomplete id='myAutoComplete1'
  config='{
    "maxHeight": "300px",
    "filterOperator": "contains",
    "dataTextField": "company",
    "datasource": {
      "transport": {
        "read": {
          "url": "../../includes/getGroupedList.php",
          "type": "json"
        }
      },
      "serverFiltering": false,
      "group": { "field": "Popularity" },
      "serverGrouping": false
    }
  }'>
  <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>