FAQ ASP.NET/VB.NET

Sommaire > Les webforms > Formulaires et code-behind > Dropdownlist
        Comment ins�rer un �l�ment dans une DropDownList � un emplacement donn�?
        J'ai d�clar� l'attribut OnChange sur ma DropDownList mais rien ne se passe lors d'un changement de valeur. Pourquoi?
        Parfois ma dropdownlist ne l�ve pas l'�v�nement OnSelectedIndexChanged ou OnTextChanged, m�me si AutoPostBack='true', que faire ?
        Comment lever l'�v�nement SelectedIndexChanged pour des DropDownList dans un Repeater lorsque le Viewstate est � false ?
        Comment faire pour que ma dropdownlist ne cause un postback que sous certaines conditions ?

� Version hors-ligne (Miroir)

Comment ins�rer un �l�ment dans une DropDownList � un emplacement donn�?

[haut]

auteur : krest

Pour ajouter un �l�ment � la collection Items d'une DropDownList il existe la fonction Add, mais celle-ci l'ajoute � la fin. Si on ne veut pas l'ajouter � la fin, il faut utiliser la fonction Insert :


					MyDropDownList.Items.Insert(0, new ListItem("2 CV", "Voiture"))

Le code ci-dessus ins�rera l'�l�ment "2 CV" et sa valeur "Voiture" � la position 0 de collection Items de la DropDownList

lien :

Fonction Insert

J'ai d�clar� l'attribut OnChange sur ma DropDownList mais rien ne se passe lors d'un changement de valeur. Pourquoi?

[haut]

auteur : Didier Danse

L'erreur la plus fr�quente est d'oublier de mettre � true la propri�t� AutoPostBack. Ce qui donne:


					<asp:DropDownList runat=server id=IdDdl AutoPostBack=true>...</asp:DropDownList>

Si la propri�t� est � true, lorsque l'on s�lectionne une autre valeur, la page est renvoy�e au serveur.

Attention de ne pas r�initialiser la valeur s�lectionn�e dans le Page_Load.

lien :

Ma dropdownlist est bien remplie, mais quand je s�lectionne un item, c'est toujours la premi�re valeur de la liste qui est retourn�e

Parfois ma dropdownlist ne l�ve pas l'�v�nement OnSelectedIndexChanged ou OnTextChanged, m�me si AutoPostBack="true", que faire ?

[haut]

auteur : nico-pyright(c)

Cela peut arriver si vous avez positionn� EnableViewState � false sur votre page. Certaines strat�gies d'entreprises pr�nent de ne pas utiliser le viewstate, pour certaines raisons compr�hensibles que je ne d�taillerai pas ici, et encouragent � r�cup�rer les valeurs dans tout postback.
Mais cela pose un probl�me lorsqu'on veut utiliser les �v�nements accessibles lorsqu'autopostback vaut true.
Imaginons une page toute simple (du code a �t� omis pour plus de clart�) o� EnableViewState vaut false :



					<%@ Page Language="C#" EnableViewState="false" AutoEventWireup="false" CodeBehind="Default.aspx.cs" Inherits="testDropdown.Default" %> 
 
<asp:DropDownList ID="myDropDown" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ItemChange"> 
  <asp:ListItem Value="valeur1" Text="valeur1" /> 
  <asp:ListItem Value="valeur2" Text="valeur2" /> 
  <asp:ListItem Value="valeur3" Text="valeur3" /> 
</asp:DropDownList> 
<asp:Label ID="myLabel" runat="server" />

et dans le code behind


					Protected Sub ItemChange(ByVal sender As Object, ByVal e As EventArgs)
	myLabel.Text = String.Format("Valeur selectionn�e : {0}", sender.SelectedValue)
End Sub

Si l'on s�lectionne les valeurs 2 ou 3, le texte est correctement affich� car on est pass� correctement dans l'�v�nement. Par contre, si on rebascule sur la valeur 1, rien n'est affich�, on ne passe pas dans l'�v�nement.
En effet, comme le viewstate n'est pas utilis�, asp.net croit que c'est la valeur 1 qui est s�lectionn�e, et quand on la res�lectionne apr�s un premier changement, il en d�duit que la valeur n'a pas chang�e, donc, il ne l�ve pas l'�v�nement (le brigand).
La solution est donc de lever l'�v�nement nous m�me, en surchargeant le OnLoad.


					Protected Overrides Sub OnLoad(ByVal e As System.EventArgs)
	If IsPostBack Then
		' on l�ve l'�venement si le postback a �t� d�clench� par notre dropdown 
		Dim ctlName As String = Request.Params.Get("__EVENTTARGET")
		If Not String.IsNullOrEmpty(ctlName) Then
			If ctlName.Contains(myDropDown.ID) Then
				ItemChange(myDropDown, New EventArgs())
            End If
        End If
    End If
	MyBase.OnLoad(e)
End Sub

Protected Sub ItemChange(ByVal sender As Object, ByVal e As EventArgs)
	myLabel.Text = String.Format("Valeur selectionn�e : {0}", sender.SelectedValue)
End Sub

Et au final, nous n'avons plus besoin de d�finir OnSelectedIndexChanged="ItemChange" comme attribut de <asp:DropDownList>

NB : Si on veut, il est bien sur possible de changer le prototype de la m�thode ItemChange, vu qu'elle n'est plus lev�e par Asp.Net


					Private Sub ItemChange(ByVal list As DropDownList, ByVal e As EventArgs)
					End Sub

Comment lever l'�v�nement SelectedIndexChanged pour des DropDownList dans un Repeater lorsque le Viewstate est � false ?

[haut]

auteur : nico-pyright(c)

Comment faire pour lever un �v�nement de changement lorsqu'une dropdown se repete X fois dans un repeater ?
Pour ce faire, nous allons d�j� construire notre repeater.
Dans la page, on aura par exemple notre repeater, une dropdownlist par item et un label en dehors de ce repeater pour afficher la s�lection :


					<asp:Repeater runat="server" OnItemCreated="ItemCreated" ID="MonRepeater"> 
  <ItemTemplate> 
  <asp:DropDownList runat="server" ID="LaList" AutoPostBack="true" /> 
  </ItemTemplate> 
</asp:Repeater> 
<asp:Label runat="server" ID="LeLabel" />

Pour initialiser notre repeater, rien de tel qu'une bonne liste de liste


					Protected Overrides Sub OnInit(ByVal e As System.EventArgs)
	EnableViewState = False
	Dim list As New List(Of List(Of String))
    Dim list1 As New List(Of String)
    list1.Add("abc")
    list1.Add("def")
    list1.Add("ghi")
    Dim list2 As New List(Of String)
    list2.Add("123")
    list2.Add("456")
    list2.Add("789")
    list.Add(list1)
    list.Add(list2)

    MonRepeater.DataSource = list
    MonRepeater.DataBind()
    MyBase.OnInit(e)
End Sub

Pour bien montrer qu'on ne se servira pas du viewstate, on le met explicitement � false dans le OnInit
Et dans l'�v�nement du ItemCreated, on construit la dropdown � partir de la liste :


					Protected Sub ItemCreated(ByVal sender As Object, ByVal e As RepeaterItemEventArgs)
	Dim list As DropDownList = e.Item.FindControl("LaList")
    list.Items.Add("choisir ...")
    For Each element As String In e.Item.DataItem
        list.Items.Add(element)
    Next
End Sub

Si on execute la page, on a donc 2 dropdownlist remplies respectivement des valeurs "choisir ...", "abc", "def", "ghi" et "choisir ...", "123", "456", "789".
Passons maintenant � la propagation de l'�v�nement, toujours en surchargeant le OnLoad, juste apr�s le base.OnLoad :


					Protected Overrides Sub OnLoad(ByVal e As System.EventArgs)
	MyBase.OnLoad(e)
	If IsPostBack Then
		Dim ctlName As String = Request.Params.Get("__EVENTTARGET")
        If Not String.IsNullOrEmpty(ctlName) Then
            ' on va chercher la dropdown qui a d�clench� le postback dans __EVENTTARGET 
            For Each item As RepeaterItem In MonRepeater.Items
                Dim clientId As String = item.ClientID ' utilisé pour avoir la propriété ID, sinon elle vaudra null 
                Dim currentDropDown As DropDownList = item.FindControl("LaList")
                Dim dropDownName As String = String.Format("{0}${1}", item.ID, currentDropDown.ID)
                If ctlName.Contains(dropDownName) Then
                    ItemChange(currentDropDown, New EventArgs())
                End If
            Next
        End If
    End If
End Sub

Le principe est de parcourir les items du repeater et de concatener l'id de l'item � celle de la dropdownlist en mettant un $ entre les deux ; c'est grace � ces deux valeurs qu'on pourra identifier de mani�re unique la dropdown qui a d�clench� le postback.
ctlName vaudra "MonRepeater$ctl00$LaList"
et dropDownName vaudra "ctl00$LaList"

Une fois la dropdown identifi�e, il n'y a plus qu'� simuler l'�v�nement ItemChange, qui ici, nous affichera le r�sultat choisi dans le label


					Sub ItemChange(ByVal list As DropDownList, ByVal args As EventArgs)
					LeLabel.Text = list.SelectedValue
					End Sub

Voil� pour la dropdownlist dans un repeater
NB : ici, j'ai utilis� une astuce pour r�cup�rer l'id de l'item du repeater. En effet, dans le OnLoad il vaut null, je force la g�n�ration du ClientId pour pouvoir r�cup�rer l'ID.

Comment faire pour que ma dropdownlist ne cause un postback que sous certaines conditions ?

[haut]

auteur : sam_XIII (Samuel Beauvois)

On met la propri�t� AutoPostBack � true. Le principe est d'empecher la publication du postback en modifiant le javascript de l'attribut onchange pour qu'il renvoit false lorsque les conditions ne sont pas respect�es.


					myDropDownList.AutoPostBack = true
myDropDownList.Attributes["onchange"] =  "if(" + myDropDownList.ClientID + ".selectedIndex != " + myDropDownList.ClientID + ".length-1) return false; else"

le code est complet� lors de la g�n�ration de la page. Dans le code html g�n�r�, __doPostBack(...) sera automatiquement rajout� apr�s le else (parce qu'on � mis le AutoPostBack = true).
Dans cet exemple, on envoit le formulaire uniquement lorsque c'est le dernier �l�ment qui est s�lectionn�.

� Version hors-ligne (Miroir)

Consultez les autres F.A.Q's

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2007 Dotnet Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.