jQuery AutoComplete Settings

The AutoComplete widget is initialized with the shieldAutoComplete constructor, passing it a dictionary of settings as shown below:



<script type="text/javascript">
    $(function () {
         $("#country").shieldAutoComplete({
             dataSource: {
                 data: countries
             }
             valueTemplate: "{name}",
             textTemplate: "{name} ({code})",
             delay: 0,
             minLength: 0,
             animation: {
                 enabled: true
             }
         });
     });
</script>

Details about all configuration settings can be found below.