[C#][AJAX] Accéder aux DropDownlist d'une table HTML

Version imprimable

23/10/2006, 11h41
actarus108

[C#][AJAX] Accéder aux DropDownlist d'une table HTML
Bonjour,
Je suis en train de bosser sur une application intranet:
- Framework dotNET 1.1
- Framework AJAX Schwarz
Dans la page qui me pose problème, j'ai les composantes suivantes :
- Une partie recherche/filtre avec des dropdownlist et compagnie
- Une partie Datagrid qui affiche les valeurs extraites d'une requete
Une colonne du datagrid est constitué d'un DropDownList qui affiche une liste d'infos. Ce sont les mêmes infos pour chacunes des lignes du datagrid.

La présentation faite, voici ce que je cherche à faire et qui me pose problème.

J'ai donc une dropdownlist dans "l'entete" de ma page. On retrouve les même valeurs que dans les dropdownlist à la ligne dans le datagrid.

Je cherche à ce que si une valeur est sélectionné dans la dropdownlist d'entete, celà déclenche la sélection automatique de la même valeur dans toutes les dropdownlist du datagrid et celà sans postback. ::?

Pour l'instant j'arrive à extraire le contenu de ma cellule de mon tableau où se trouve la dropdownlist que je veux configurer, mais je n'arrive pas à accéder à la collection d'options du select...
Le contenu de la cellule du tableau n'est pas reconnu comme un select.

Bref je suis bloqué et j'ai épuisé mon stock d'idées sur le sujet....

Si quelqu'un peut me venir en aide, d'avance merci
23/10/2006, 13h37
actarus108

Pas d'idée ?

Alors ? Personne n'a une idée ? Je vais quand même pas faire ca en postback.... :(
23/10/2006, 16h23
Arthis

je ne sais pas trop ce que tu peux faire avec Ajax ca rje ne maitrise pas le sujet , jamais essayé en fait.
Mais si tu possedes une mastercombo qui doit ordonner a toutes les autres de se mettre à une certaine option , tu peux le faire en utlisant les propriete des combo en javascript. comme ça tu evites le postback. non?

Salut,

Essayes :

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
34
35
36
37
38
 
function SelectAll() {
 this.MyDropDowns = new Array();
 this.FillArray();
}
 
var sa = SelectAll.prototype;
 
sa.FillArray = function(){
 
//ici tu récupère l'élement TBODY de ton datagrid (qui est un TABLE une fois   
//la page compilée (si tu utilise FireFox alors tu récupere l'élement TABLE) 
 var myBody = ...
 
 for (var i=0; i< myBody.childNodes.length; i++){
  //la pour chaque   childNodes (éléments TR) tu récupère ton élément SELECT
  //là ou il se trouve 
  var mySelect = ....
 
  this.MyDropDowns.push(new Select(mySelect));
 }
}
 
function Select(mySelect, myArr){
 this.Sel = mySelect;
 this.Arr = myArr;
 this.SetupEvents();
}
 
var s = Select.prototype;
 
s.SetupEvents = function(){
 var me = this;
 me.onChange = function(){
  //ici tu boucles sur tous les objet Select dans myArr et 
  //tu mets leur SelectedIndex a la meme valeur que celui de me.Sel
 };
}

dans l'évenement onLoad de ta balise Body tu rajoutes une fonction:

Code:

1
2
3
function Load() {
 document.SelectAll = new SelectAll();
}

Voilà, c'est un solution non testée mais tu as les grandes lignes.

Dorrénavant je pense que tu devrais plutot poster dans le forum Javascript, meme si je tolère AJAX ici :mouarf:

@+

27/10/2006, 11h26
actarus108

En fait j'ai trouvé, il s'agissait tout simplement d'utiliser la propriété ChildNodes.

Enfin "Je", ca serait plutot un gentil participant à ces forums qui m'a soufflé l'astuce, rendons à cesar ce qui appartient à SpaceFrog

Merci quand même de votre participation Messieurs...

Bien essayé ton coup graphicsxp :D mais c'est beaucoup de code quand même 8O
Au moins ca fait un truc multi navigateurs... mais chez moi ils utilisent que IE, ils sont allergiques aux renards... :cry:
27/10/2006, 11h38
graphicsxp

Ben oui... childNodes. C'est bien ce que je t'avais dis :D