Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 9th, 2012  |  syntax: None  |  size: 1.91 KB  |  hits: 20  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jQuery autocompletion event
  2. <script language="javascript" type="text/javascript">
  3.  
  4. $(document).ready(function () {
  5.     $("#search").autocomplete('@Url.Action("Search")', {
  6.         width: 200,
  7.         matchContains: true,
  8.         dataType: 'json',
  9.         select: function(event, ui) {
  10.             console.log('event');
  11.         },
  12.         delay: 10,
  13.         minChars: 3,
  14.         matchSubset: 1,
  15.         maxItemsToShow: 10,
  16.         parse: function (data)
  17.                {
  18.                    var rows = new Array();
  19.                    for (var i = 0; i < data.length; i++)
  20.                    {
  21.                        rows[i] = { data: data[i].Value, value: data[i].Guid, result: data[i].Value
  22.                    };
  23.                }
  24.                return rows;
  25.         },
  26.         formatItem: function (row, i, n)
  27.                     {
  28.                         return row;
  29.                     },
  30.         highlight: function (value, pattern)
  31.                    {
  32.                        value = value.replace(pattern, '<strong style="background-color:yellow;">' + pattern + '</strong>');
  33.                        return value;
  34.                    },
  35.         select: function (value, data)
  36.                {
  37.                    alert('You selected: ' + value + ', ' + data);
  38.                },
  39.         extraParams: {
  40.             active: function ()
  41.                     {
  42.                         var message = new Array();
  43.                         for (i = 0; i < document.forms["filter"].filters.length; i++)
  44.                             if (document.forms["filter"].filters[i].checked)
  45.                             {
  46.                                 message[i] = document.forms["filter"].filters[i].value;
  47.                             }
  48.                         return message;
  49.                     }
  50.                 }
  51.  
  52.         });
  53.         });
  54.        
  55. * Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
  56.  
  57. * jQuery JavaScript Library v1.5.1