dart-autocomplete-ui

A simple dart web ui component which provides a autocomplete input text field.

Status

Currently it is nothing more than a POC which can display a auto complete field for a text input with a static list of strings.

Checkout an example at http://hpoul.github.com/dart-autocomplete-ui/examples/example.html

Usage

Take a look at the example - the basic idea is that you simply include the web component:

<link rel="import" href="lib/input_autocomplete.html">

and then include the input autocompletion whereever you want:

<tapo-input-autocomplete choices="{{exampleData.autocompleteChoices}}"></tapo-input-autocomplete>

example dart code:

var exampleData = new ExampleData();
class ExampleData {
  List<String> get autocompleteChoices {
    return ['Test 1', 'Test 2', 'Misc', 'Abcdef', 'Haha'];
  }
}

todo write documentation.

Changelog

  • HEAD:
  • 0.0.4 (2013-06-27): Fixed support for Latest Dart Libraries & Web UI (0.4.12+3)
  • 0.0.3: Support for Dart Libraries v2 (M3 preparation)
  • 0.0.2: support for custom datasources, formatting
  • 0.0.1: initial "release"

Future

  • Support for lazy loading of choices
  • Support for object choices (which have a separate key / label attribute)
  • Support for formatting of choices (however this can work? the coolest would be to provide html fragments inside the <x-input-autocomplete> tag)
  • Helper methods to create a multi-value input (like input for tags)

Libraries

input_autocomplete
input_autocomplete_component_proxy