valeur de ma dropdownlist toujours null

Version imprimable

Bonjour à tous,
voilà j'ai une dropdownlist qui contient plusieurs éléments comme suit:

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
<div class="double_list">
            <div class="double_list_left">
                <cc1:CEALabel runat="server" ID="UtilisateursEdit_Lbl_Role" AssociatedControlID="UtilisateursEdit_Ddl_Role"></cc1:CEALabel>
                <cc1:CEADropDownList runat="server" ID="UtilisateursEdit_Ddl_Role">
                    <asp:ListItem></asp:ListItem>
                    <asp:ListItem>Toto</asp:ListItem>
                    <asp:ListItem>Tutu</asp:ListItem>
                    <asp:ListItem>Tata</asp:ListItem>
                </cc1:CEADropDownList>
            </div>
            <div class="double_list_center">
                <div class="form_line">
                    <cc1:CEAButton runat="server" ID="UtilisateursEdit_Btn_AjouterRole" OnClientClick="ajouter();"/>
                </div>
                <div class="form_line">
                    <cc1:CEAButton runat="server" ID="UtilisateursEdit_Btn_SupprimerRole" />
                </div>
            </div>
            <div class="double_list_right">
                <cc1:CEAListBox runat="server" ID="UtilisateursEdit_Ddl_RoleAttribue">
                    <asp:ListItem></asp:ListItem>
                </cc1:CEAListBox>
            </div>
        </div>

quand je clique sur le bouton qui fait appel à la fonction ajouter décrite ci dessous, cette dernière ne fonctionne pas correctemnt et me renvoie toujours une valeur nulle pour dll1 comme si ma liste était vide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function ajouter()
{
    var ddl1 = document.getElementById('UtilisateursEdit_Ddl_Role');
    var ddl2 = document.getElementById('UtilisateursEdit_Ddl_RoleAttribue');
    alert(ddl1);
	if (ddl1.options.selectedIndex>=0)
	{
		o=new Option(ddl1.options[ddl1.options.selectedIndex].firstChild.data,ddl1.options[ddl1.options.selectedIndex].value);
		ddl2.appendChild(o);
		ddl1.options[ddl1.options.selectedIndex]=null;
	}
	else
	{
	alert("Veuillez séléctionner un élément");
	}
}

Pourriez vous me dire où ça cloche svp? j'ai passé une demi journée à essayer de trouver mais en vain.
Merci d'avance

Citation:

Envoyé par SALISTASE

quand je clique sur le bouton qui fait appel à la fonction ajouter décrite ci dessous, cette dernière ne fonctionne pas correctemnt et me renvoie toujours une valeur nulle pour dll1 comme si ma liste était vide

La, comme ca, je dirais que tu essayes d'accéder à un controle dont l'id serait UtilisateursEdit_Ddl_Role....alors que coté client, ce n'est pas ca ;)

essaye comme ca :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function ajouter() { var ddl1 = document.getElementById('<%= UtilisateursEdit_Ddl_Role.ClientID %>'); var ddl2 = document.getElementById('<%= UtilisateursEdit_Ddl_RoleAttribue.ClientID %>'); alert(ddl1); if (ddl1.options.selectedIndex>=0) { o=new Option(ddl1.options[ddl1.options.selectedIndex].firstChild.data,ddl1.options[ddl1.options.selectedIndex].value); ddl2.appendChild(o); ddl1.options[ddl1.options.selectedIndex]=null; } else { alert("Veuillez séléctionner un élément"); } }

06/05/2009, 09h15
SALISTASE

Bonjour,
j'ai testé ce matin ce que vous m'avez proposé mais ça ne fonctionne toujours pas.:?
06/05/2009, 09h23
Philippe Vialatte

regarde dans le code source de ta page, cote client, si tu trouve ta dropdown, et, si oui, l'id qu'elle a cote client

sinon, question bete, quand tu dis que la fonction renvoie null, c'est bien dans ta boite d'alerte ?

voici le code source de ma page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 <div class="double_list">
            <div class="double_list_left">
                <label for="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role" id="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Lbl_Role" title="Roles : " class="normalLabel">Roles : </label>
                <select name="ctl00$CEA_ContentPlaceHolder$UC_Admin_Ctn_Utilisateurs_EditID$UtilisateursEdit_Ddl_Role" id="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role" class="textboxlarge">
	<option value=""></option>
	<option value="Toto">Toto</option>
	<option value="Tata">Tata</option>
	<option value="Titi">Titi</option>
 
</select>
 
            </div>

L'Id de ma dropdownlist n'est pas celui que j'utilise en javascript. Dois je utiliser celui du code source?pourquoi?
Effectivement l'alert m'affiche null

Code:

1
2
    var ddl1 = document.getElementById('<%= UtilisateursEdit_Ddl_Role.ClientID %>');
    var ddl2 = document.getElementById('<%= UtilisateursEdit_Ddl_RoleAttribue.ClientID %>');

Voilà j'ai testé avec le nouveau id en mettant simplement dans ma fonction ajouter()
Code:

1 2 3 4 5 6 function ajouter() { var ddl1 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role'); var ddl2 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_RoleAttribue'); alert(ddl1);
sur ma page, quand je clique sur le bouton ajouter "alert" m'affiche " [object HtmlSelectElement] puis l'élément sélectionné passe dans la nouvelle liste mais disparait juste après, un affichage rapide.
normalement ma fonction est censé ajouter l'élément ds la nouvelle liste et le supprimer de la première, or ce n'est pas le cas, il y a juste un affichage rapide dans la nouvelle liste mais il ne disparait pas de la première.

Citation:

Code:

1
2
var ddl1 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role');
    var ddl2 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_RoleAttribue');

donc, comme on te disais avec lutecefalco, utilise ClientID...

si "alert" affiche " [object HtmlSelectElement], ce n'est pas nul, c'est que, comme c'est un objet, il affiche le toString de l'objet
(je rappelle que ta question d';origine, c'etait "...me renvoie toujours une valeur nulle pour dll1 comme si ma liste était vide")

Pour ton pb de javascript, essaye plutot ca, au lieu de :

Code:

ddl1.options[ddl1.options.selectedIndex]=null;

tu fais :

Code:

RemoveSelectedElements(ddl1);

Avec cette fonction en plus :

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
function RemoveSelectedElement(list){
 
    var tmp = new Array();
    var tmpLength = 0;
 
    //looping through source element to find selected options
    for (var i = 0; i < list.length; i++) {
        if (list.options[i].selected) {
            //we won't copy this item
        }
        else {
            //storing options that stay to recreate select element
            var objTempValues = new Object();
            objTempValues.text = list.options[i].text;
            objTempValues.value = list.options[i].value;
            tmp[tmpLength] = objTempValues;
            tmpLength++;
        }
    }
 
    //resetting length of source
    list.length = tmp.length;
 
    //looping through temp array to recreate source select element
    for (var i = 0; i < tmp.length; i++) {
        list.options[i].text = tmp[i].text;
        list.options[i].value = tmp[i].value;
        list.options[i].selected = false;
    }
}

06/05/2009, 15h01
SALISTASE

Re Bonjour,
en mettant le ClientID, ça ne fonctionne pas.
Donc j'ai gardé comme je l'ai marqué avant.
j'ai essayé d'utiliser votre fonction, ça marche bien pour la suppression de la première liste sauf que l'affichage dans la deuxième liste est toujours rapide, l'élément apparait 1 seconde puis disparait, j'ai l'impression d'avoir un rechargement de la page :roll:
j'ai essayé de mettre un AutoPostback = false dans ma dropdownlist mais ça ne fonctionne toujours pas.
06/05/2009, 15h21
Philippe Vialatte

Citation:

j'ai l'impression d'avoir un rechargement de la page

ok, donc, si ta page se recharge, c'est parce que le OnClientClick n'arrete pas le postback...ajoute un return false; apres ajouter

Code:

<cc1:CEAButton runat="server" ID="UtilisateursEdit_Btn_AjouterRole" OnClientClick="ajouter();return false;"/>
06/05/2009, 15h37
SALISTASE

Super ça marche !!
Mille merci pour votre aide.