We need a auto complete is very used

Feature Request
12

Sample for autocomplete when using with large datasets, example uses the search api from the forum and fills the options dynamically with the results.

<!doctype html>
<html>
  <head>
    <title>Example</title>
    <script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>
  </head>
  <body is="dmx-app" id="app">
    <dmx-api-datasource id="api1" is="dmx-fetch" url="https://community.wappler.io/search.json" dmx-param:q="search.value" noload="noload"></dmx-api-datasource>
    <input type="text" id="search" placeholder="Type Something" list="searchresults" autocomplete="off" dmx-on:input.debounce:100="api1.load({})">
    <datalist id="searchresults">
      <option dmx-repeat="api1.data.topics" dmx-bind:value="id">{{title}}</option>
    </datalist>
  </body>
</html>
7 Likes