OnClick et fonction du code behind

Version imprimable

Bonjour,

Je crée des boutons via un "repeater".
Code :
Code:

1 2 3 4 5 6 7 <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <div id="Item"></div> <asp:Button ID="Button1" runat="server" Text='monText' onCommand="MonModule.MaFonction(MonParametre)" /> </div> </ItemTemplate> </asp:Repeater>
J'aimrais que ma fonction corresponde à une de mes fonctions venant du code behind et plus précisément d'un module.

J'ai tenté plusieurs choses mais toujours un message d'erreur...

Pouvez-vous m'aider?

Merci

19/10/2013, 14h57
youtpout978

Il faut que ça corresponde un une méthode qui respect la bonne signature dans ton code-behind, tu ne peux pas appeler une méthode d'une autre classe directement, et dans le corps de cette méthode tu pourras appeler la méthode qui se trouve dans ton module.
http://msdn.microsoft.com/fr-fr/libr...n.command.aspx

Salut
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <div id="Item"></div> <asp:Button ID="Button1" runat="server" Text='monText' onCommand="Button_Click" CommandName='MonText' /> </div> </ItemTemplate> </asp:Repeater> Void Button_Click (....) { MonModule.MaFonction (e.CommandName); }
J écris le code de mémoire car je ne suis pas devant mon pc...

J avais déjà tenté cela mais ça ne fonctionnait pas...

Quand je cliquait sur le bouton, il entrait dans Application_Error du global...

Je vais ressayer mais l erreur est peut etre a cause du repeater

19/10/2013, 21h36
youtpout978

MaFonction est static?
Et si ta fonction buttonclick n"est pas dans le même fichier que ton repeater rajoute protected devant. ( protected void ...)
19/10/2013, 22h28
byrong

Oui tout est bon.

En fait je viens de trouver le problème:

<%@ Page EnableEventValidation="true" %>

Je devais le mettre sur false...

J'espère que cela n'ouvre pas d’éventuel faille dans le programme...
19/10/2013, 22h43
byrong

Maintenant, je vais tenté de faire cela mais sur le click d'un DIV...

Ce qui me semble plus complexe car je ne sais pas comment placer mon paramètre...
19/10/2013, 23h31
youtpout978

pourquoi sur une div ?
20/10/2013, 00h10
byrong

En fait,

j'aimerais mettre différent élément dedans comme une image et un label et que si on clique n'importe ou sur le div, ca lance l'action.
20/10/2013, 00h28
youtpout978

Utilise un panel celui ci te génère une div et ajoute un événement onclientclick tu peux au choix cliquez sur un button caché sur la page.
Ou tu utilises un postbackoption et tu le défini sur la propriété onclick de ton panel en code en utilisant la propriété attributes[onclick].
20/10/2013, 22h44
byrong

bonsoir,

désolé du retard...

J'ai pas trop suivis...

Je mets un panel, je place mes divs dedans et j'ajoute un event click sur le panel?

dsl je suis pas doué avec les panel lol
21/10/2013, 11h13
youtpout978
non tu mets le panel à la place de ton div et tu gère l'événement onclick dedans tu devrais avoir un code dans le genre en code-behind :
Code:

1 2 Monpanel.attributes["onclick"]=Page.ClientScript.GetPostBackEventReference(myPostBackOptions);
Une explication sur le postbackoption: http://msdn.microsoft.com/fr-fr/libr...ckoptions.aspx

Merci.

Entre temps j'ai trouvé une autre solution mais qui pose un petit soucis pour le moment.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" EnablePartialRendering="true" runat="server"></asp:ScriptManager> <script> function DivClicked(Texte) { PageMethods.Command(Texte); } </script> Code BEHIND ------------ [WebMethod] public static void Command(string CommandName) { MonModule.MaMéthde(CommandName); }
Apparemment, cette partie fonctionne bien, je rentre dans la méthode du module

Dans cette méthode, j'ai un:
HttpContext.Current.Response.Redirect("~/Forms/MaPage.aspx",false);

Il passe bien dans cette ligne mais ne fait rien...

21/10/2013, 14h17
youtpout978

Il semble que tu ne puisse pas faire de redirection depuis une webmethod, une solution serait de retourner l'url à ta fonction javascript pour faire cette redirection en javascript.
21/10/2013, 17h32
byrong

apparemment...

En fait ma webmethod fait appel à une fonction du module... Le redirect est dans cette fonction mais ca ne passe pas...
22/10/2013, 09h51
youtpout978

Par contre si tu passe par un PostBackOptions ou tu click sur un bouton ça marche.
La solution du bouton était une solution que j'utilisais souvent tu as juste à mettre un asp:button (ou linkbutton..) sur la page qui est lié à un événement tu le rend invisible pour l'utilisateur (en mettant un display:none sur le style par exemple) et en javascript tu simule un click dessus.
22/10/2013, 11h35
byrong

j'y avais penser aussi.

Le soucis est que ces div et boutons sont créer par un repeater...
Faut donc que je trouve un moyen de détecter l'id du bouton de cette div... pour le mettre en paramètre dans la fonction javascript

C'est encore plus simple dans ton cas si tu fais du jquery tu récupère le button qui est dans ta div et tu click dessus ce qui devrait ressembler à ça:
Code:

1 2 3 4 5 6 7 8 <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <div id="Item" onclick="$(this).children('input').click()"></div> <asp:Button ID="Button1" runat="server" Text='monText' onCommand="Button_Click" CommandName='MonText' /> </div> </ItemTemplate> </asp:Repeater>

22/10/2013, 12h52
byrong

ok.
Mise à part installer le package, est ce que je dois ajouter une ligne dans ma page pour activer le jquery?
22/10/2013, 12h56
youtpout978

oui juste à faire :

Code:

<script src="repertoire/nomfichier.js"></script>

dans ton aspx
22/10/2013, 13h01
byrong

je viens de placer ceci

Je l'ai placé dans le <head> de ma page maitre et j'ai également essayer en le mettant directement dans la page

<script src="../Scripts/jquery-2.0.3.js"></script>

mais ca ne fonctionne pas

Erreur de ma part c'est:

Code:

$(this).children(':submit')[0].click()

ou depuis une fonction

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
31
32
33
<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" CodeBehind="Default.aspx.cs"
    Inherits="Repeater.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>
    <script type="text/javascript" src="Scripts/jquery-2.0.3.js"></script>
    <script type="text/javascript">
        function clickButton(div) {
                var button = $(div).children(":submit").get(0);
                button.click();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <div>
                    <div onclick="clickButton(this);">
                        <asp:Button ID="Button1" runat="server" Text='monText' OnCommand="Button_Click" CommandName='MonText' />
                        <asp:Image ID="Image1" AlternateText="bonjour" runat="server" />
                    </div>
                </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>

Citation:

Envoyé par youtpout978

Erreur de ma part c'est:

Code:

$(this).children('input')[0].click()

ou depuis une fonction

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
31
32
33
<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" CodeBehind="Default.aspx.cs"
    Inherits="Repeater.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>
    <script type="text/javascript" src="Scripts/jquery-2.0.3.js"></script>
    <script type="text/javascript">
        function clickButton(div) {
                var button = $(div).find("input").get(0);
                button.click();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <div>
                    <div onclick="clickButton(this);">
                        <asp:Button ID="Button1" runat="server" Text='monText' OnCommand="Button_Click" CommandName='MonText' />
                        <asp:Image ID="Image1" AlternateText="bonjour" runat="server" />
                    </div>
                </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>

ENORME MERCI, ca fonctionne parfaitement

22/10/2013, 14h02
youtpout978

De rien remplace input par :submit pour éviter que si par la suite tu rajoutes une textbox ou un autre champ de type input ça clique dessus au lieu de ton button.