<!-- BEGIN [% component.name %] -->
[% UNLESS no_autosuggest_js # in case 2nd call on page %]
<!-- Loading AutoSuggest js -->
<script src="[% request.uri_base %]/javascripts/bsn.AutoSuggest.jQuery.js"
type="text/javascript"></script>
[% END %]
[% # set defaults - overridden if necessary:
IF optional_params; # MUST end in semi-colon to allow separation from 'varname=foo':
formatted_params = optional_params.join(';') _ ';'; # can handle array of params
END;
%]
<!-- Init autosuggest on Search Input -->
<script type="text/javascript">
jQuery( function() {
// Set autosuggest options
var options = {
script:"[% request.uri_base %]/ajax_[% method_name %]?[% formatted_params %]",
varname:"[% varname %]",
json:true, // Returned response type
shownoresults:true, // If disable, display nothing if no results
noresults:"No results found", // String displayed when no results
maxresults:10, // Max num results displayed
cache:false, // To enable cache
minchars:2, // Start AJAX request with at least x chars
timeout:10000, // AutoHide in XX ms
callback: function (obj) { // Callback after click or selection
$('#[% param_id %]').val(obj.id);
}
};
// Init autosuggest
var as_json = new bsn.AutoSuggest('[% param_name %]', options);
} );
</script>
<!-- END [% component.name %] -->