Ricerca su una lista contatti con un plugin jQuery tramite il protocollo REST

JavaScript: sgartContactSearch.jsCopia

(function ($) {
  //internal
  var properties = {
    searchTimer: null,
    viewModel: null,
    viewModelTemplate: function () {
      var self = this;
      self.error = ko.observable(""); //errori
      self.updating = ko.observable(false); //se true in fase di recupero dati
      self.items = ko.observableArray();   //tutti gli item ritornati dalla query
      self.listTitle = ko.observable("Contacts");
      self.searchQuery = ko.observable("");

      self.addItem = function (sName, sUrl, sPhone) {
        self.items.push({ name: sName, url: sUrl, phone: sPhone });
      }
      self.removeAllItems = function () {
        self.items.removeAll();
      }
      //campo calcolato con il totale degli items
      self.totalItems = ko.computed(function () {
        return self.items.length;
      });
    }
  }

  var methods = {
    search: function (event, options) {
      //recupero le keyword di ricerca
      var name = $(event.currentTarget).val().toLowerCase();
      //resetto gli items nel ViewModel
      properties.viewModel.removeAllItems();
      properties.viewModel.error("");
      //se ho meno di X caratteri non eseguo la ricerca
      if (name.length < options.minLength)
        return;
      properties.viewModel.updating(true);

      //eseguo la chiamata ajax asincrona
      //imposto la query
      var url = "";
      if(options.webUrl != '/'){
        url = options.webUrl;
      }
      var queryUrl = "";
      if (isNaN(name) == false || name[0] == '+') {
        //per i numeri
        queryUrl = "/_vti_bin/ListData.svc/" + options.listDisplayName + "?"
			  + "$filter=substringof('" + name + "',BusinessPhone)"
			  + "&$orderby=LastName"
			  + "&$select=LastName,BusinessPhone,Path,Id";
      } else {
        //per il nome
        queryUrl = "/_vti_bin/ListData.svc/" + options.listDisplayName + "?"
			  + "$filter=(LastName ne null and substringof('" + name + "',tolower(LastName))) or (FirstName ne null and substringof('" + name + "',tolower(FirstName)))"
			  + "&$orderby=LastName"
			  + "&$select=LastName,FirstName,BusinessPhone,Path,Id";
      }
      //solo per debug, visualizzo la query
      properties.viewModel.searchQuery(queryUrl);

      //eseguo la chiamata ajax impostando i dati di ritorno di tipo json
      $.ajax({
        url: queryUrl,
        dataType: 'json',
        success: function (data) {
          $.each(data.d.results, function (key, item) {
            //aggiungo gli item ritornati al View Model
            var url = item.Path + "/DispForm.aspx?ID=" + item.Id;
            var name = (item.FirstName == null || item.FirstName == '' ? '' : item.FirstName + ' ') + (item.LastName == null ? '' : item.LastName);
            properties.viewModel.addItem(name, url, item.BusinessPhone);
          });
          properties.viewModel.updating(false);
        },
        error: function (data) {
          properties.viewModel.error("ERROR:  " + data);
          properties.viewModel.updating(false);
        }
      });
    }
  };

  $.fn.sgartContactSearch = function (options) {
    /* default dei parametri passati in options */
    var defaults = {
      viewId: "sgartContactView", //id del template della view
      listDisplayName: "Contacts", //lista del sito su cui eseguire la ricerca
      searchTimeout: 400, //millisecondi per far partire la ricerca
      minLength: 2 //numero di caratteri minimo per eseguire la ricerca
    };
    //fa il merge dei parametri passati con quelli di default
    var settings = $.extend(defaults, options);

    return this.each(function () {
      var $this = $(this);
      //recupero la View
      var view = document.getElementById(settings.viewId);
      //creo il ViewModel
      properties.viewModel = new properties.viewModelTemplate();
      //imposto la lista su cui cercare
      properties.viewModel.listTitle(settings.listDisplayName);
      //faccio il binding tra la view e il ViewModel
      ko.applyBindings(properties.viewModel, view);
      //aggiungo l'evento keyup alla textbox
      $this.keyup(function (event) {
        //per ogni tasto resetto il timer
        clearTimeout(properties.searchTimer);
        //e lo reimposto a mezzo secondo, allo scadere del tempo parte la ricerca
        properties.searchTimer = setTimeout(function () { methods.search(event, settings) }, settings.searchTimeout);
      });
    });
  }
} (jQuery));