plugin bassistance. Comment récupérer plus d'informations ?

Version imprimable

bonjour
je début avec Jquery , j'essaye d'utiliser l'autocomplete de bassistance

coté serveur (asp) je génere un fichier xml du style
Code:

1 2 3 4 5 <options> <option>description1</option> <option>description2</option> </options>
coté javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 function suggest(jqselector, url) { $j(jqselector).autocomplete(url, { highlight : false, parse: parseXML, formatItem: formatItem, formatResult: formatResult, cacheLength: 1 }); }; function parseXML(xml) { var results = []; $j(xml).find('option').each(function() { var value = $j(this).text(); results[results.length] = { 'data': { value: value }, 'result': value, 'value': value }; }); return results; }; function formatItem(data) { return data.value; }; function formatResult(data) { return data.value; };
tout marche :ccool: mais je veux récupérer plus d'informations

par exemple au lieu d'une seule option par ligne je veux une description et une numéro qui s'affichent dans l'autocomplete et idealement un numero d'index (qui me servira pour faire des mise a jour en appellant des fonctions a la sélection d'un item de la liste d'autosuggestion)

j'ai trouvé des exemples en JSON mais pas en xml

merci de votre aide

Hi !

Je vois bien un truc du genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<options>
             <anOption>
                             <option>id1</option>
                             <option>description1</option>
                             <option>value1</option>
             </anOption>
             <anOption>
                             <option>id2</option>
                             <option>description2</option>
                             <option>value2</option>
             </anOption>            
</options>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function suggest(jqselector, url) {
	$j(jqselector).autocomplete(url, {
		highlight : false,
		parse: parseXML,
		formatItem: formatItem,
		formatResult: formatResult,
		cacheLength: 1	
	});
};
 
function parseXML(xml) {
	var results = [];
	$j(xml).find('anOption').each(function() {
                $j(xml).find('option').each(function() {
		        var value = $j(this).text();
		        [....]
                });
	});

	$j(xml).find('option').each(function() {
		var value = $j(this).text();
		results[results.length] = { 'data': { value: value }, 'result': value, 'value': value };
	});
	return results;
};
 
function formatItem(data) {
	return data.value;
};
 
function formatResult(data) {
	return data.value;
};

Pour info, Je n'ai pas testé ;)

M

19/02/2010, 11h04
riadh2406
merci Macois mais je ne comprends pas comment je recupére les variable coté javascript (la syntaxe de jquery ne m'est pas familiére)

déja je veux a la sélection executer une fonction que je lui passerais la 3 éme option du fichier xml
Code:

1 2 3 $j('#mon_select').result(function(event, item) { ma_fontion(item.koi?); });
a ma fonction je lui passe item.value?
aussi si tu veux bien m'expliquer ce que tu fais dans le code que t'as fait ca m'aiderais bien

Oki je commente donc parseXML ;) et corrige une erreur $j(xml).find('option') => $j(this).find('option') + virer ancien code

DONNEES
<options>
<anOption>
<option>id1</option>
<option>description1</option>
<option>value1</option>
</anOption>
<anOption>
<option>id2</option>
<option>description2</option>
<option>value2</option>
</anOption>
</options>

Parcours du xml
Code:

1 2 3 4 5 6 7 8 9 10 11 function parseXML(xml) { var results = []; /* l'element html en paramètre va être recupere par jquery et il va faire une recherche dessus pour recuperer tous les elements anOption fils de xml et pour chaque (méthode each) nous aller executer le bloc de code contenu*/ $j(xml).find('anOption').each(function() { /* pour chaque anOption(this) jquery va faire une recherche dessus pour recuperer tous les elements option fils et pour chaque (méthode each) nous aller executer le bloc de code contenu : [...]*/ $j(this).find('option').each(function() { [....] }); }); return results; };
Recuperations des valeurs
[....] ====> :
premier $j(this).text() => idX
second $j(this).text() => descriptionX
troisieme $j(this).text() => valueX

text() : Get the combined text contents of each element in the set of matched elements, including their descendants.

Voilà sauf erreur, je pense que je ferai ainsi ;)

M

19/02/2010, 12h05
riadh2406

ok je teste ca et je te tiens au courant
merci pour ton aide :ccool:

:calim2: j'y arrive pas j'ai toujours une erreur javascript ou la fonction n'est pas définie

coté serveur j'ai génerer un fichier du genre
Code:

1 2 3 4 5 6 7 8 9 10 11 <option> <item>1</item> <item>item1description</item> <item>item1ID</item> </option> <option> <item>2</item> <item>item2description</item> <item>item2ID</item> </option>
je garde le parseXML original je vois dans l'autocomple les 3 items collés
alors que je veux en afficher que les deux premiers
j'essaye ton parseXML , ca coince :aie:
Code:

1 2 3 4 5 6 7 8 9 10 11 function parseXML(xml) { var results = []; /* l'element html en paramètre va être recupere par jquery et il va faire une recherche dessus pour recuperer tous les elements anOption fils de xml et pour chaque (méthode each) nous aller executer le bloc de code contenu*/ $j(xml).find('option').each(function() { /* pour chaque anOption(this) jquery va faire une recherche dessus pour recuperer tous les elements option fils et pour chaque (méthode each) nous aller executer le bloc de code contenu : [...]*/ $j(this).find('item').each(function() { [....] }); }); return results; };
dans le [....] tu m'as dit faut recupérer les variables mais je n'y arrive pas

je vous rappelle que je suis vraiment debutant jquery sa syntaxe je n'y comprends rien
merci beaucoup pour votre aide