Voici un plugin jQuery facilitant l’autocompletion de la référence d'une annonce.
Les scripts + les images
autocomplete_V1.0.0.zip
Exemple
$(document).ready(function() {
$("#txt_refAffaire").autocomplete(
'piv3/outilsweb.ashx',
{delay:300, minChars:3, width:200, extraParams:{ searchType:0, proxy:'r', cle1:'S4R7VHEZ70QRVPBT0R5Z' },
path_imgValide:'images/Valide.png', path_imgNonValide:'Images/NonValide.png',
id_hiddenfield:'hid_refAffaire', delay_isValide:50
});
});
Les options
#txt_refAffaire : id de l'élément 'input'
extraParams : paramètres supplémentaires passés par
url. searchType -> 0:tout, 3:RefAffaire ('tout' correspondant à une recherche refaffaire et/ou cleaffaire). proxy -> 'l': permet de rediriger la requete sur le handler correspondant à une recherche de référence d'annonces. cle1 -> clé annonce de l'agence ou du serveur
pour le reste : se référer à
Autocomplete générique
Comment faire...
...déclencher un événement lors d'une sélection
se référer à Autocomplete générique
...préselectionner et valider au chargement de la page
Premiere solution : utiliser l'option initValue et
affecter le type de la donnée à valider (5 pour une réf affaire) suivi du séparateur
'|' et de la valeur à rechercher.
Deuxième solution : préremplir le champs caché avec le type de la donnée à valider
(5 pour une réf affaire) suivi du séparateur '|' et de la valeur à rechercher.
Recherche de l'annonce '4554' de l'agence '68Y17910' :
<input type="hidden" value="5|68Y17910/4554" id="hid_localiseur" />
ou <input type="hidden" value="5|4554" id="hid_localiseur" />
...afficher uniquement la référence de l'annonce et non pas sa clé
Utiliser l'option searchType et affecter la valeur 3.
$(document).ready(function() {
$("#txt_refAffaire").autocomplete(
'piv3/outilsweb.ashx',
{delay:300, minChars:3, width:200, extraParams:{ searchType:3, proxy:'r', cle1:'S4R7VHEZ70QRVPBT0R5Z' },
path_imgValide:'images/Valide.png', path_imgNonValide:'Images/NonValide.png',
id_hiddenfield:'hid_refAffaire', delay_isValide:50
});
});