48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
|
/**
|
||
|
|
* Inspired by http://jqueryui.com/demos/autocomplete/#multiple
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function( $ ) {
|
||
|
|
$.widget('ui.multiple_autocomplete', {
|
||
|
|
_create: function() {
|
||
|
|
function split( val ) {
|
||
|
|
return val.split( /,\s*/ );
|
||
|
|
}
|
||
|
|
function extractLast( term ) {
|
||
|
|
return split( term ).pop();
|
||
|
|
}
|
||
|
|
//console.log('_create: ' + this.options['id']);
|
||
|
|
var self = this;
|
||
|
|
this.element.bind( "keydown", function( event ) {
|
||
|
|
if ( event.keyCode === $.ui.keyCode.TAB &&
|
||
|
|
$( this ).data( "autocomplete" ).menu.active ) {
|
||
|
|
event.preventDefault();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.autocomplete({
|
||
|
|
minLength: 0,
|
||
|
|
source: function( request, response ) {
|
||
|
|
// delegate back to autocomplete, but extract the last term
|
||
|
|
response( $.ui.autocomplete.filter(
|
||
|
|
self.options.source, extractLast( request.term ) ) );
|
||
|
|
},
|
||
|
|
focus: function() {
|
||
|
|
// prevent value inserted on focus
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
select: function( event, ui ) {
|
||
|
|
var terms = split( this.value );
|
||
|
|
// remove the current input
|
||
|
|
terms.pop();
|
||
|
|
// add the selected item
|
||
|
|
terms.push( ui.item.value );
|
||
|
|
// add placeholder to get the comma-and-space at the end
|
||
|
|
terms.push( "" );
|
||
|
|
this.value = terms.join( ", " );
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
});
|
||
|
|
})( jQuery );
|