lance/edbob
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add autocomplete template

Browse source
This commit is contained in:
Lance Edgar 2012-08-09 09:42:07 -07:00
parent 2d156ff46d
commit cd1f17a0f0
1 changed files with 28 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

28
edbob/pyramid/templates/autocomplete.mako Normal file
View file

@ -0,0 +1,28 @@
<%def name="autocomplete(field_name, field_value, field_display, service_url, width='300px', callback=None)">
<div id="${field_name}-container" class="autocomplete-container">
${h.hidden(field_name, id=field_name, value=field_value)}
${h.text(field_name+'-textbox', id=field_name+'-textbox', value=field_display,
class_='autocomplete-textbox', style='display: none;' if field_value else '')}
<div id="${field_name}-display" class="autocomplete-display"${'' if field_value else ' style="display: none;"'|n}>
<span>${field_display}</span>
<button type="button" id="${field_name}-change" class="autocomplete-change">Change</button>
</div>
</div>
<script language="javascript" type="text/javascript">
$(function() {
var autocompleter_${field_name} = $('#${field_name}-textbox').autocomplete({
serviceUrl: '${service_url}',
width: '${width}',
onSelect: function(value, data) {
$('#${field_name}').val(data);
$('#${field_name}-display span').text(value);
$('#${field_name}-textbox').hide();
$('#${field_name}-display').show();
% if callback:
${callback}(data, value);
% endif
},
});
});
</script>
</%def>