Problème sur un Textbox

Version imprimable

23/10/2013, 15h35
Franck.H

Problème sur un Textbox
:salut:

J'ai posé un TextBox sur une de mes pages qui doit accueillir des commentaires, je l'ai mis en Multiline et j'affiche 10 lignes pour définir sa hauteur.

Mes problèmes:
- L'appui sur la touche Entrée ne fait rien or, j'aimerais quand même la possibilité de faire des sauts de ligne
- La modification du texte n'enclenche pas la procédure TextChanged alors qu'il me faut à tout prix ce contrôle
Voilà, si vous avez des idées...

:merci:
23/10/2013, 15h59
katkiller
Hello !

C'est quand même étrange ton problème !

J'ai juste fait une page :

Code:

<asp:TextBox ID="txtMulti" runat="server" OnTextChanged="txtMulti_TextChanged" AutoPostBack="true" TextMode="MultiLine" Rows="10"/>
Code:

1 2 3 protected void txtMulti_TextChanged(object sender, EventArgs e) { }
J'ai quand même mi le AutoPostBack="true" sur ma textbox pour déclancher l'évenement en auto mais pas contre aucun problème pour les sauts de ligne.
23/10/2013, 16h05
FirePrawn

Un peu de code Frank ? ;)
23/10/2013, 16h10
Franck.H

Alors tout d'abord merci katkiller pour ta réponse qui m'a permis de voir que dans le code aspx il me manquait OnTextChanged="txtCommAn_TextChanged" cependant, cela ne déclenche toujours pas la procédure, même avec AutoPostBack=True

:cfou:

Citation:

Envoyé par FirePrawn

Un peu de code Frank ? ;)

Si tu veux mais je ne pense pas que cela va aider plus:

Code:

1
2
3
4
5
6
7
8
9
10
    <div class="div-commAn">
        <asp:Label ID="lblCommAn" runat="server" CssClass="lblCommAn" 
            Text="Commentaire de l'année :"></asp:Label>
        <asp:TextBox ID="txtCommAn" runat="server" OnTextChanged="txtCommAn_TextChanged" CssClass="txtCommAn" Rows="10" 
            TextMode="MultiLine" AutoPostBack="True"></asp:TextBox>
        <asp:Button ID="btnCancel" runat="server" CssClass="btnCommAn" Text="Annuler" />
        <asp:Button ID="btnSave" runat="server" CssClass="btnCommAn" 
            Text="Enregistrer" />
        <asp:Button ID="btnModif" runat="server" CssClass="btnCommAn" Text="Modifier" />
    </div>

Je ne donne pas tout le code de la page car c'est trop gros :aie:

Ma procédure:

Code:

1
2
3
4
5
6
    Protected Sub txtCommAn_TextChanged(sender As Object, e As System.EventArgs) Handles txtCommAn.TextChanged
        If Session("CommAnModif") = False Then
            btnSave.Enabled = True
            Session("CommAnModif") = True
        End If
    End Sub

Voilà

23/10/2013, 16h15
FirePrawn

Tu as pas d'erreur ?
Tu as bien la fonction dans le code behind ? La page du code behind est bien définie dans ta page .aspx ?
Tu veux pas nous montrer ton code ?! :aie:

Edit : mouarf VB.NET je maitrise pas. Vérifie que ton code behind est bien défini :

Code:

<%@ Page Language="C#" MasterPageFile="~/FaurePriceMaster.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %>

Comme ceci par exemple.
Ensuite tu es bien dans un formulaire en runat="server" ?

Citation:

Envoyé par FirePrawn

Tu as pas d'erreur ?

Non car je peut lancer l'application pour tester, sans problème.

Citation:

Envoyé par FirePrawn

Tu as bien la fonction dans le code behind ? La page du code behind est bien définie dans ta page .aspx ?

Oui oui, tu peux voir que la page est bien liée et d'ailleurs, j'ai créé la procédure en bouble-cliquant sur le TextBox. Voici la liaison:

Code:

1
2
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
    CodeFile="sousproduits.aspx.vb" Inherits="steps_sousproduits" %>

Citation:

Envoyé par FirePrawn

Tu veux pas nous montrer ton code ?! :aie:

Bin heu y'en a pour pas loin de 1000 lignes de code ASPX + VB

Je peut te montrer éventuellement la procédure Page_Load:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
    Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        If Not IsPostBack Then
            If Not IsNothing(Session("step")) Then
                ftPMO.Visible = True
                ftAn.Visible = True
                lstAnnee.Visible = True
                lstPMO.Visible = True
                BindAnnee()
                BindPMO()
                If ViewState("bp") = 1 Then
                    lstAnnee.SelectedValue = Now.Year
                    hdPMO.Value = lstPMO.SelectedValue
                    hdAnnee.Value = lstAnnee.SelectedValue
                    BindData()
                    Select Case Session("role")
                        Case 7
                            dgSproduits.Columns(4).Visible = False
                            dgSproduits.Columns(5).Visible = False
                            dgSproduits.ShowFooter = False
                        Case Else
                            dgSproduits.Columns(4).Visible = True
                            dgSproduits.Columns(5).Visible = True
                            dgSproduits.ShowFooter = True
                    End Select
 
                    btnModif.Visible = True
                    btnCancel.Visible = False
                    btnSave.Visible = False
                    txtCommAn.Enabled = False
                    lblCommAn.Text = "Commentaires de l'année : " & lstAnnee.SelectedValue.ToString()
 
                    '* Variable de session permettant de determiner si le commentaire en cours
                    '* d'affichage a ete modifie ou pas. Si elle n'existe pas on la cree et initialise
                    If IsNothing(Session("CommAnModif")) Then
                        Session("CommAnModif") = False
                    End If
                End If
            Else
                ftPMO.Visible = False
                ftAn.Visible = False
                lstAnnee.Visible = False
                lstPMO.Visible = False
            End If
        End If
 
    End Sub

Mais sinon je ne vois pas ce que je peut te montrer de plus, toute la page en ASP ?! Je vois pas trop l'intéret, la page existait déjà avant, là c'est un projet que j'ai repris c'est tout. Après si tu y tiens vraiment...

23/10/2013, 16h35
Franck.H

Je viens de comprendre une chose, la procédure est lancée une fois que le TextBox n'a plus le focus.. C'est un peu embêtant ça :aie:
23/10/2013, 16h35
FirePrawn

Le code que tu as posté suffit j'ai dit ça avant de voir ta réponse.

Bon ben là je sais pas. Tu as bien un <form runat="server"> qui englobe tes pages dans la masterpage ?
23/10/2013, 16h38
katkiller

Citation:

Envoyé par Franck.H

Je viens de comprendre une chose, la procédure est lancée une fois que le TextBox n'a plus le focus.. C'est un peu embêtant ça :aie:

Oui c'est le fonctionnement normal ! :roll:
Et tu as toujours des problèmes de saut de ligne ??

Moi aussi me VB me fait mal au yeux :mrgreen:
23/10/2013, 16h53
Franck.H

Citation:

Envoyé par katkiller

Oui c'est le fonctionnement normal ! :roll:

D'accord !!! :aie: Disons que je n'ai pas encore trop l'habitude encore de faire de l'ASP. Bon si c'est le fonctionnement normal, je laisserais le bouton Enregistrer activé c'est tout, c'est de la fioriture mais c'est le genre de détail auquel je tiens en générale.

Citation:

Envoyé par katkiller

Et tu as toujours des problèmes de saut de ligne ??

Oui toujours mais bon au pire ce n'est pas le plus important.

Citation:

Envoyé par katkiller

Moi aussi me VB me fait mal au yeux :mrgreen:

Pas le choix, c'est une application qui a été faite ainsi, je suis le troisième programmeur qui développe sur ce programme :aie:
23/10/2013, 16h55
FirePrawn

Ah oui le TextChanged ne se lance qu'une fois que tu as modifié le texte et terminé en fait.
Une sorte de onBlur() en Javascript.
23/10/2013, 19h06
Franck.H

Citation:

Envoyé par FirePrawn

Ah oui le TextChanged ne se lance qu'une fois que tu as modifié le texte et terminé en fait.
Une sorte de onBlur() en Javascript.

Je vais devoir m'en contenter ... :aie: Je testerais un peu plus longtemps l'histoire de la touche Entrée, là je ne suis plus au boulot !
24/10/2013, 09h02
Franck.H

:salut:

Nouvelle journée, j'ai testé en ajoutant d'autres TextBox mais aucun ne veut me laisser utiliser ma touche Entrée :aie:

Je voulais savoir, pour mes commentaires, il faut que je prenne en compte si le texte du TextBox à changé, pour cela pas trop soucis mais lorsque l'utilisateur veut changer de page, je cherche un moyen qu'il s'affiche un message d'avertissement mais je ne vois qu'une méthode Unload et cette étape est déjà trop tard dans la vie de la page !

Y a-t-il une autre méthode que je ne connais pas et que je n'ai pas vu qui me permette d'annuler la destruction de la page si jamais l'utilisateur indique qu'il veut enregistrer ?

D'ailleurs, j'ai également remarqué que lorsque je change de page en cliquant sur un item du menu que ça ne lance même pas la méthode Unload de la page courante.

Ce fonctionne, je le trouve un peu bizzare :aie:
24/10/2013, 09h15
katkiller

Je n'ai pas exactement compris ce que tu veux faire...

Pour la méthode unload : c'est la dernière méthode appelé dans le cycle de chargement d'une page.
Lien FAQ cycle de vie ASP.NET
24/10/2013, 09h22
Franck.H

Citation:

Envoyé par katkiller

Je n'ai pas exactement compris ce que tu veux faire...

C'est pourtant simple, l'utilisateur change le commentaire dans la zone de texte, s'il quitte la page je veut afficher un message lui indiquant qu'il n'a pas enregistré ses changements.
24/10/2013, 09h55
Franck.H

Un début de piste... La fonction JavaScript

Code:

function window_onunload()

Permet de faire des actions avant la destruction de la page, là au moins je pourrais proposer l'enregistrement des données avant la fermeture et le changement de page.
24/10/2013, 10h01
katkiller

Citation:

Envoyé par Franck.H

Un début de piste... La fonction JavaScript

Code:

function window_onunload()

Permet de faire des actions avant la destruction de la page, là au moins je pourrais proposer l'enregistrement des données avant la fermeture et le changement de page.

Oui mais cette méthode n'est pas supportée par Chrome et Opéra !

A première vue j'utiliserai une appel Ajax... sur le click du bouton changement de page. Mais dernièrement je fais beaucoup de MVC.
Sinon se pencher sur une UpdatePanel avec un retour serveur...
24/10/2013, 10h10
Franck.H

Citation:

Envoyé par katkiller

Oui mais cette méthode n'est pas supportée par Chrome et Opéra !

Ce sont des applications internes à la société et tout le parc informatique tourne sur IE (pour le moment, un jour peut être Firefox) donc aucun soucis à se faire de ce côté là :mouarf:

C'est marrant que tu demandes ça je viens d'implémenter cette fonction pour mon projet actuel :ccool:

Le tout en jQuery :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(document).ready(function() { var QuitOK = false; $('body').on('mousedown', '*', function(e) { e.stopPropagation(); if ($(e.target).hasClass('quitOk') || $(e.target).hasClass('menu_over')) QuitOK = true; else QuitOK = false; }); $(window).bind('beforeunload', function(e) { if (!QuitOK) return "Have you saved your work before leaving the page ?"; }); });
Petite explication :
- Une fois que la page est chargée, je déclare une variable globale (quitOk). En effet, j'ai certains contrôles sur ma page qui vont lancer un refresh et qui ont le droit de le faire (donc pas besoin de balancer un message d'alerte).
- si on regarde le premier événement bindé sur le mousedown, on voit qu'en effet si l'élément cliqué a une des deux classes CSS, alors ok pas de message. Sinon on balancera le message d'alerte (quitOk = false).
- Et pour finir on se bind sur le beforeunload, car en effet le unload c'est trop tard l'action est déjà partie ;)

En espérant t'avoir aidé !

24/10/2013, 10h34
Franck.H

Ca m'aurais aidé si c'était en JavaScript :aie:
24/10/2013, 10h42
FirePrawn

Tu as juste à inclure jQuery dans ton projet :no:
24/10/2013, 10h59
Franck.H

Citation:

Envoyé par FirePrawn

Tu as juste à inclure jQuery dans ton projet :no:

Désolé mais je n'ai jamais utilisé jQuery avant mais ça marche, je peut déjà rester sur ma page pour enregistrer les modifications s'il y en a, merci beaucoup pour l'aide apportée :ccool:

Va falloir que je me mette à jQuery pour voir ça de plus près :mrgreen:
24/10/2013, 11h04
FirePrawn

Je t'en prie :)

jQuery n'est pas bien compliqué, c'est juste un framework qui te simplifie l'écriture du JavaScript ;)

J'ai essayé un petit test pour voir pour récupérer une valeur mais... hum... ça marche pas trop bien. Le but étant qu'au moment où l'utilisateur clique sur le bouton Modifier, en VB je renseigne une variable de session puis je rempli un HiddenField de la même valeur (pour le moment c'est la solution la plus simple que j'ai trouvé pour récupérer la valeur de la variable de session en JavaScript ou jQuery si tu préfères). Le seul hic, c'est que la boîte de dialogue m'affiche la valeur Undefined:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 if (jQuery) { $(document).ready(function () { // $('body').on('mousedown', '*', function (e) { // e.stopPropagation(); $(window).bind('beforeunload', function (e) { var s = $('#HiddenValueCommAnModif').val(); alert(s); }); // }); }); } else { alert("La bibliothèque jQuey n'est pas chargée, certaines fonctionnalités ne fonctionneront donc pas !!"); }
Ce que j'ai mis en commentaire me renvoie tout le temps des erreurs, un objet (sans doute mon menu sur lequel je clique pour tester) ne gère pas cette propriété !

Pourtant je lui attribut bien la valeur:
Code:

1 2 3 4 5 6 7 8 9 Protected Sub btnModif_Click(sender As Object, e As System.EventArgs) Handles btnModif.Click btnModif.Visible = False btnCancel.Visible = True btnSave.Visible = True txtCommAn.Enabled = True Session("CommAnModif") = True HiddenValueCommAnModif.Value = True End Sub
:weird:

24/10/2013, 13h44
Franck.H

C'est bon j'ai trouvé, je récupère ma variable de session de cette manière:

Code:

var s = '<%=Session("CommAnModif")%>';

J'ai maintenant tout ce qu'il me faut pour terminer cette partie de l'application.

Encore merci tout le monde puis au prochain problème ;)

:dehors:

Voilà, je vous partage mon code, ça peut toujours servir à quelqu'un et pourquoi pas mettre ça dans une FAQ (peut-être JavaScript ?):

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
        /****************************************************************************************************************
         * Si la bibliothèque jQuery est chargée, on test la variable de session "CommAnModif" pour déterminer avant 
         * de sortir de la page, si le commentaire courant à été modifié ou non. Gère également les cliques sur les 
         * boutons pour pas que le message s'affiche tout le temps.
         * Les bouton sont appelés par le biais de leur classe CSS !
         */
        if (jQuery) {
            $(document).ready(function () {
                var s = false;
                var modif = '<%=Session("CommAnModif")%>';
 
                $('.btnCommAnCancel').click(function (event) {
                    s = true;
                });
                $('.btnCommAnSave').click(function (event) {
                    s = false;
                });
                $('.btnCommAnModif').click(function (event) {
                    s = false;
                });
                $(window).bind('beforeunload', function (e) {
                    if (s) {
                        return "Etes-vous sûr de vouloir annuler vos modifications ?";
                    }
                });
            });
        }
        else {
            alert("La bibliothèque jQuey n'est pas chargée, certaines fonctionnalités ne fonctionneront donc pas !!");
        }
        /***************************************************************************************************************/

Ce code est lié à trois boutons (Modifier, Annuler et Enregistrer) pour une TextBox. Si l'utilisateur clique sur le bouton modifier on Active la TextBox, on cache le bouton Modifier et on affiche les deux autres. On initialise par la même occasion une variable de session. Si l'utilisateur en mode modification veut annuler ou quitter la page par le biais du menu (dans mon cas), on affiche un message.

Voilà ;)