
Untitled
By: a guest on
Jun 9th, 2012 | syntax:
None | size: 1.91 KB | hits: 20 | expires: Never
jQuery autocompletion event
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("#search").autocomplete('@Url.Action("Search")', {
width: 200,
matchContains: true,
dataType: 'json',
select: function(event, ui) {
console.log('event');
},
delay: 10,
minChars: 3,
matchSubset: 1,
maxItemsToShow: 10,
parse: function (data)
{
var rows = new Array();
for (var i = 0; i < data.length; i++)
{
rows[i] = { data: data[i].Value, value: data[i].Guid, result: data[i].Value
};
}
return rows;
},
formatItem: function (row, i, n)
{
return row;
},
highlight: function (value, pattern)
{
value = value.replace(pattern, '<strong style="background-color:yellow;">' + pattern + '</strong>');
return value;
},
select: function (value, data)
{
alert('You selected: ' + value + ', ' + data);
},
extraParams: {
active: function ()
{
var message = new Array();
for (i = 0; i < document.forms["filter"].filters.length; i++)
if (document.forms["filter"].filters[i].checked)
{
message[i] = document.forms["filter"].filters[i].value;
}
return message;
}
}
});
});
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
* jQuery JavaScript Library v1.5.1