utilisation des Scriptmanager et Updatepanel

**rita87** · 02/06/2010, 17h03

Salut tout le monde
J'ai besoin de votre aide SVP

C'est la premier fois que je travail avec les extensions Ajax en Asp.net (VB) et je veux intégrer le scriptmanager et l'updatepanel dans mon formulaire d'inscription d'utilisateur ,afin de faciliter le rafraîchissement partiel des 2 contrôles (un dropdownlist et un textbox ).
Je veux charger le dropdownlist avec les noms ville du [table ville]de ma base donnée qui est liée à une [table délégation]. C'est à dire chaque ville est liée a une délégation qui le concerne, chaque délégation peut concerner une ou plusieurs villes.
Brièvement le résultat que je veux atteindre est lors du sélectionnement d'une ville du dropdownlist le nom de la delegation concernée s'affiche automatiquement dans le textbox .

SVP quelqu'un peut m'aider à réaliser cette tache ou me donner les démarches que je dois suivre

Merci.

**Nicolas Esprit** · 02/06/2010, 18h28

Bonjour,

Tu as tous les tutos que tu veux sur MSDN.

**rita87** · 02/06/2010, 21h35

merci beaucoup Nicolas

de votre aide je vais essayer avec ce lien merci de votre réponse

**rita87** · 03/06/2010, 12h22

j'ai cherché sur MSDN et j'ai trouvé des trucs plus compliquée par rapport a ce que j cherche

ET j'ai essayé ce code là Mais ca ne marche pas

DEFAULT.ASPX :

Code :

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
21
22
23
24
25
26
27
28
29
30
31
<%@ Page Language="VB" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:Label ID="Label2" runat="server" Text="Ville :"></asp:Label>&nbsp; 
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList></div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Délégation  :" Width="45px"></asp:Label><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:aplineConnectionString %>"
            SelectCommand="SELECT ville.n_ville, ville.n_deleguation FROM ville INNER JOIN deleguation ON ville.n_deleguation = deleguation.n_deleguation"></asp:SqlDataSource>
    </form>
</body>
</html>

Aidez moi SVP et Merci d'avance..

**Nicolas Esprit** · 03/06/2010, 12h29

Bonjour,

Tu y es presque. Déjà la DataSource, il faut la relier à la DropDownList pour que cette dernière soit alimentée par le nom des villes.

Ensuite, il faut capturer l'event SelectedIndexChanged de ta DropDownList. Dans la fonction C# correspondant à l'event tu mets à jour la textbox1. (ne pas oublier la property AutoPostBack à true sur le DropDownList).

Enfin, pour le partial rendering, tu devrais mettre ton UpdatePanel en UpdateMode Conditionnal et ajouter un trigger qui pointe sur l'event SelectedIndexChanged de ta DropDownList.

A défaut si tu veux pas t'embêter (mais il faut bien apprendre un peu), tu entoures tous des contrôles avec ton UpdatePanel et tu oublie le paragraphe précédent.

En espérant t'avoir aidé.

**calagan99** · 03/06/2010, 12h41

Si ta dropdownlist est correctement remplie.
Abonnes-toi à son événement "OnSelectedIndexChanged".
Dans cet évènement, utilises la selectedValue de ta Dropdownlist pour aller chercher la délégation qui convient dans ta bdd.
Ta requête te renverra une délégation, délegation qui tu affiches dans ton textbox.

**rita87** · 03/06/2010, 15h44

Merci Nicolas et merci Calagan de votre réponse
j'ai essayé ce que vous avez dit mais j'ai rien écrit dans (default.aspx.vb) car je sais pas comment j vais renvoyer le nom délégation au textbox puisque je suis connecté a la base de donnée via le contrôle (sqldatasource) car normalement j'utilise le Dataset et je fais la programmation en (VB)

voila le code avec les modification :

Default.aspx :

Code :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
 
<!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>Page sans titre</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        &nbsp;
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1" DataTextField="n_ville" DataValueField="n_ville" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
        </asp:DropDownList></div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><asp:TextBox ID="TextBox1" runat="server" Height="15px"></asp:TextBox><br />
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
                &nbsp;
            </ContentTemplate>
               <Triggers >
            <asp:AsyncPostBackTrigger ControlID="dropdownlist1" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:aplineConnectionString %>"
            SelectCommand="SELECT ville.n_ville, ville.n_deleguation FROM ville INNER JOIN deleguation ON ville.n_deleguation = deleguation.n_deleguation">
        </asp:SqlDataSource>
    </form>
</body>
</html>

j'attend votre réponse SVP et Merci d'avance..

utilisation des Scriptmanager et Updatepanel

ASP.NET Ajax

Vue hybride

Discussions similaires

Partager

Partager