Probleme d'autopostback avec une dropdownlist

**Oberown** · 06/12/2011, 11h10

Bonjour
J'ai une dropdownlist, quand on change d'item, ça met à jour un champs en fonction de la valeur sélectionné.

Mon problème vient quand on change de valeur avec le clavier:
Quand on clique sur la dropdowlist, puis on sélectionne une valeur, puis on se balade avec les touches "haut" et "bas" du clavier, sur IE8 le label est mis à jour automatiquement.
Sur Firefox 8 (j'ai pas testé les autres versions) et sur Chrome, il ne se passe rien, il faut cliquer en dehors de la dropdowlist pour que le label soit mis à jour.

Comment faire ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
 
    <form id="form1" runat="server">
    <div>
    <asp:DropDownList ID="ddl" runat="server" AutoPostBack="true" 
            onselectedindexchanged="ddl_SelectedIndexChanged">
    </asp:DropDownList>
        <asp:Label ID="lbl" runat="server" Text="Label"></asp:Label>
    </div>
    </form>
</body>
</html>

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
using System;
 
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            ddl.Items.Add("1");
            ddl.Items.Add("2");
            ddl.Items.Add("3");
        }
    }
 
    protected void ddl_SelectedIndexChanged(object sender, EventArgs e)
    {
        lbl.Text = ddl.SelectedValue;
        ddl.Focus();
    }
}

Merci

**bizet** · 06/12/2011, 11h51

Salut

Sous Chrome et Firefox, il faut que tu te deplaces et tu valides ton choix en appuyant sur Entrée.

Si tu veux le même "fonctionnement", il va falloir que tu fasses un gestionnaire d'evenement sur la touche KeyDown et que tu codes la récupération de l'index à la main...

**Oberown** · 06/12/2011, 11h58

Et une fois que j'ai l'index de la dropdownlist, comment je lance le postback ?

Dans mon exemple j'ai mis un cas simple, mais dans mon cas concret ce ne sont pas des nombres qui sont affichés en fonction de la dll.

En plus il faut détecter que le focus soit bien sur la dll...

**Oberown** · 06/12/2011, 12h05

J'ai trouvé plus simple ajouté onKeyUp="this.blur();" dans la dropdownlist.

**jp3201** · 06/12/2011, 12h48

l'AutoPostBack se produit lors d'un changement de focus, ce qui fait que ton Label se mettra à jour uniquement quand ta souris, ne sera plus dans la textBox.

Lorsque tu te ballade avec tes flèches sous IE8, as tu vu si tu changeais de focus ou pas ?

Le problème peut être là.

Amicalement.

Probleme d'autopostback avec une dropdownlist

ASP.NET

Discussions similaires

Partager

Partager