Comment créer une zone de recherche auto-complétion.

Bonjour,

En asp.net web form il est facile de créer une zone de recherche auto-complétion sur base d'une requête ou d'une table.

Comment faire l'équivalent avec asp.net mvc, il y a surement moyen avec html 5 et Ajax et ou javascript ??

Pouvez-vous m'aider ?

D'avance merci

C'est un peu curieux que tu trouves ça simple en webform et compliqué en MVC...

Cela dit, en partant du principe que tu utilises un contrôle de type AutoComplete chez jQuery UI, la configuration du contrôle pourrait ressembler à ceci :

Code:

---

1 2 3 4 5 6 7

<input type="text" id="monControleAutocomplete" />$(document).ready(function () { $('#monControleAutocomplete').autocomplete( { source: '@Url.Action("AutoCompleteRecherche", "Home")' }); })

---

Du côté du contrôleur (HomeController dans cet exemple), on pourrait avoir quelque chose comme :

Code:

---

1 2 3 4 5 6 7

public ActionResult AutoCompleteRecherche(string saisie) { // Bien entendu, "sports" est ici une liste en dur mais elle peut provenir d'une BDD string[] sports = { "Football", "Tennis", "Rugby", "Formule 1", "Natation", "Basketball", "Baseball" }; return this.Json(sports.Where(t => t.Contains(saisie)), JsonRequestBehavior.AllowGet); }

---

Ici, si tu saisis "ball", tu auras comme retour "Football, Baketball et Baseball". A toi d'ajuster la requête selon ton besoin.

Bon courage.