.NET2 - REMPLIR UN DROP EN FONCTION D'UN AUTRE GRACE AU CLIENTCALLBACK

' NouvelleMethode.aspx


<%@ Page Language="VB" MasterPageFile="~/Master/MasterPage.master" AutoEventWireup="false" CodeFile="NouvelleMethode.aspx.vb" Inherits="NouvelleMethode" title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:Literal ID="Literal1" runat="server"></asp:Literal><br />
    <br />
    <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
    <br />
    <br />
    <asp:Button ID="Button1"
        runat="server" Text="Valider" /><br />
    <br />
    <asp:Literal ID="Literal2" runat="server"></asp:Literal><br />
    <br />
    <hr />
    <h2>Explication</h2>
    <p>
    Cette approche est certes plus complexe, mais beaucoup plus puissante, en effet,
    lorsque le client change de selection, l'heure ne change pas, donc il n'y a pas
    eu un retour complet du formulaire.</p>
    <p>Malheureusement, il y a pas mal de problèmes, que j'expliquerais tout à l'heure</p>
    <h3>Comment ca marche ? </h3>
    <p>Au niveau HTML + javascript, c'est "assez simple". Quand on change la selection, l'evenement onChange du drop est declenché (coté client toujours). Cet evenement va chercher webform__doCallBack qui demande surtout ce qu'on doit rapporter au serveur.
        la fonction webform__doCallBack est géré par asp.net, elle fait pas mal de petites
        choses, et au final elle appelle une fonction javascript : __onCallbackTermine que
        l'on a écrit, avec en paramètre, le retour du serveur.
    </p>
    <p>
        Coté serveur, ce que l'ont doit faire : le mieux est d'allé voir <a href="http://www.techheadbrothers.com/DesktopDefault.aspx?tabindex=1&tabid=7&AId=68" title="article sur TechHeadBrother de Pierre Lagarde"> l'article de Pierre Lagarde</a></p>
<h3>Les problèmes</h3>
<ul>
<li>Il y a un gros problème avec cette méthode quand on l'utilise sur des drops, c'est que si on fait un postback classique, Me.DropDownList2.SelectedItem
 sera égale à la valeur du dernier postback, ce qui s'explique par le fait que le drop a été construit
    coté javascript, donc on ne peut pas accéder à toute les valeurs du drop, juste
    la valeur selectionné, en faisant un Me.Request(Me.DropDownList2.ClientID)</li>
    <li>Le deuxieme problème qui n'en est pas vraiment un, c'est que cette méthode et relativement
        compliqué à mettre en oeuvre, il est également trés compliqué de faire cohabiter
        une méthode par postback et par un ClientCallBack</li>
</ul>
<h3>La suite ?</h3>
<p>Dans cet exemple, j'ai mis un bouton pour afficher, les resultats de la deuxieme selectionné, ceci dans le but de montrer une facon de faire cohabiter les deux méthodes. Pour voir si vous avez bien compris le fonctionnement, essayez d'afficher la selection lors d'un changement sur le deuxieme drop</p>
</asp:Content>


'NouvelleMethode.aspx.vb

Partial Class NouvelleMethode
    Inherits System.Web.UI.Page
    Implements ICallbackEventHandler

    Private Element(3) As String
    Private SousElement(3)() As String

    Private Sub ConstructTableau()
        If Not Page.IsPostBack Then
            'Construction du tableau de tableau
            For i As Integer = 0 To 3
                Element(i) = "Element" & i.ToString
                ReDim SousElement(i)(9)
                For j As Integer = 0 To 9
                    SousElement(i)(j) = i.ToString & " - " & j.ToString
                Next
            Next

            'On met le tableau de tableau dans la variable de session
            Session("souselement") = SousElement

            Me.DropDownList1.DataSource = Element
            Me.DropDownList1.DataBind()
        End If
    End Sub


    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        ConstructTableau()

        'Affichage de l'heure de la derniere requete.
        Literal1.Text = "La derniere requete s'est effectué à " & Now.ToLongTimeString
        Session("test") = "test"
        ' Ecriture du ClientCallBack
        Dim cbref As String = Page.ClientScript.GetCallbackEventReference(Me, _
            "document.getElementById ('" & Me.DropDownList1.ClientID & "').value", _
            "__onCallbackTermine", "null", False)
        Me.DropDownList1.Attributes.Add("onchange", cbref + ";return false;")
        Me.ClientScript.RegisterStartupScript(GetType(NouvelleMethode), "__onCallbackTermine", "function __onCallbackTermine (result, context){document.getElementById('" & Me.DropDownList2.ClientID & "').outerHTML = result;}", True)
    End Sub

    Public Function RaiseCallbackEvent(ByVal eventArgument As String) As String Implements System.Web.UI.ICallbackEventHandler.RaiseCallbackEvent
        'Recupere le tableau de tableau a partir de la variable de session
        SousElement = Session("souselement")

        Me.DropDownList2.DataSource = SousElement(CInt(Right(eventArgument, 1)))
        Me.DropDownList2.DataBind()
        Dim sw As New System.IO.StringWriter()
        Dim htw As New HtmlTextWriter(sw)
        Me.DropDownList2.RenderControl(htw)
        htw.Flush()
        Return sw.ToString()
    End Function

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        Literal2.Text = " Vous avez selectionné l'element N° " & DropDownList1.SelectedIndex & " et le sous element " & DropDownList2.SelectedIndex
        Literal2.Text = Me.Request(Me.DropDownList2.UniqueID)
    End Sub
End Class

Télécharger le zip

07 mai 2005 00:15:03 :

13 mai 2005 21:09:18 :

Mis à jour zip

13 mai 2005 21:19:43 :

Mis à jour du zip

13 mai 2005 21:32:57 :

Mis à jour Zip

13 mai 2005 21:51:20 :

Mis à jour Zip

13 mai 2005 22:14:06 :

mis à jour zip

23 mai 2005 09:38:15 :

MAJ