mvc2 recuperer valeur champ text

**ihebiheb** · 15/10/2011, 23h27

bonsoir

je développe une application asp sous mvc2

j'ai un champ de texte et un lien hypertexte. Je veux que quand l'utilisateur appuie sur le lien le contenue du champ de texte passe dans mon controleur

mon controleur

Code :

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

1
2
3
4
5
 
public ActionResult test(string titre)
        {
            return Content("ok"+titre+"ok");
        }

ma vue

Code :

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

1
2
3
 
<asp:TextBox ID="textTitre" runat="server" Width="130"></asp:TextBox>
<%: Html.ActionLink("Customers", "test", new { Controller = "Recherche", action = "test", titre = "plsAnswerMe" })%>

quand j'écrit comme ci dessus ca passe mais quand j'ecrit comme ci desous ca ne passe pas

Code :

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

1
2
 
<%: Html.ActionLink("Customers", "test", new { Controller = "Recherche", action = "test", titre = textTitre.Text })%>

merci de m'aider

Invité · 17/10/2011, 10h42

Salut,

Il faut passer par du javascript en t'abonnant à l'évènement onclick de ton link. Dans la fonction tu récupères la valeur du texte

Code javascript :

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

1
2
3
4
5
6
 
function goToTest()
{
    var text = document.getElementById("textTitre").val();
    windows.location = "Recherche/test?titre=" + text;
}

**ihebiheb** · 17/10/2011, 15h32

merci pour ta réponse mais je ne sais pas pourquoi il ne me détecte pas le methode onclick de l'actionLink

est ce que la syntaxe est correcte ?

Code :

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

1
2
 
<%: Html.ActionLink("Customers", "test", "recherche" , new{ onclick = "methodeJS();" })%>

et le code JS

Code :

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

1
2
3
4
5
6
 
<script language="javascript" type="text/javascript">
        function methodeJS() {
            alert("ok");
        }
    </script>

Invité · 17/10/2011, 15h48

Mets tout simplement :

Code :

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

&lt;a onclick="taméthodejavascript();"&gt;blablabla&lt;/a&gt;

remplaces les < par < et > par >.

**ihebiheb** · 17/10/2011, 17h01

bon j'ai réussit a faire exécuter la fonction javascript mais elle ne s'execute pas correctement

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
            function goToTest() {
                alert("debut");
                var text = document.getElementById("textTitre").val();
                alert("milieu");
                windows.location = "Recherche/test?titre=" + text;
                alert("fin");
            }
    </script>

il ne m'affiche que debut

Invité · 17/10/2011, 17h05

Essaies value() à la place de val()

**ihebiheb** · 17/10/2011, 17h22

rien non plus.

Invité · 17/10/2011, 17h29

T'es sûr que ta zone de texte se nomme textTitre ? Si oui alors bizarre que ça ne marche pas

Sinon si tu utilises jQuery la ligne var titre = $("#textTitre").val(); devrait marcher. En tout cas ça marche chez moi.

**ihebiheb** · 17/10/2011, 17h40

oui j'ai le champ de texte correspondant

Code :

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

1
2
 
<input type="text" id="textTitre"/>

mais j'ai aucune idée pourquoi il ne le détecte pas

Invité · 17/10/2011, 17h43

Où est-ce que t'as mis le script ? dans quelle vue ? dans celle contenant la zone de texte j'espère

**ihebiheb** · 17/10/2011, 17h51

voici le code source de ma vue

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
 
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Details
</asp:Content>
 
<asp:Content ID="HeadContent" runat="server" ContentPlaceHolderID="HeadContent">
        <script type="text/javascript">
            function goToTest() {
                alert("debut");
                var text = document.getElementById("textTitre").val();
                alert("milieu");
                windows.location = "Recherche/test?titre=" + titre;
                alert("fin");
            }
    </script>
</asp:Content>
 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 
 
 
            <input type="text" id="textTitre"/>
 
 
            <a onclick="goToTest();">blablabla</a>
 
 
</asp:Content>

Invité · 17/10/2011, 17h53

Je t'avais de mettre value à la place de val dans la fonction :

Code javascript :

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

1
2
3
4
5
6
7
8
 
function goToTest() {
     alert("debut");
     var text = document.getElementById("textTitre").value();
     alert("milieu");
     windows.location = "Recherche/test?titre=" + titre;
     alert("fin");
}

**ihebiheb** · 17/10/2011, 17h56

j'ai essayé avec .val() .value() et avec le JQuery mais rien

**mermich** · 18/10/2011, 10h47

Salut,

Dans,

Code :

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

windows.location = "Recherche/test?titre=" + titre;

Il n' y a pas de variable "titre" déclarée mais "text" => tu envoies null en url

Invité · 18/10/2011, 11h04

Envoyé par mermich

Il n' y a pas de variable "titre" déclarée mais "text" => tu envoies null en url

Tu as raison sur la variable par contre son problème est qu'il n'arrive pas exécuter l'instruction alert("milieu");

**mermich** · 18/10/2011, 17h13

Sans-doute, mea cupla (je n'ai rien testé, et je passe toujours par jquery pour ce genre de manipulation).

un petit tour sur le net: il faut utiliser .value (en propriété et non en tant que fonction)

cf: http://www.tizag.com/javascriptT/jav...lementbyid.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function notEmpty(){
	var myTextField = document.getElementById('myText');
	if(myTextField.value != "")
		alert("You entered: " + myTextField.value)
	else
		alert("Would you please enter some text?")		
}
</script>
<input type='text' id='myText' />
<input type='button' onclick='notEmpty()' value='Form Checker' />

Invité · 18/10/2011, 17h22

Merci de me rappeler que value n'est pas une fonction mais un attribut.

Félicitations :ccool

**ihebiheb** · 19/10/2011, 13h38

merci pour tous pour votre aide et votre paticence

pour resumer je met le code de ma vue

mon JS

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
            function goToTest() {
                var myTextField = document.getElementById("textTitre");
                window.location = "../recherche/test?titre=" + myTextField.value;
                //et non pas windows.location
            }
    </script>

Mes inputs

Code :

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

1
2
3
< input type="text" id="textTitre"/>
< input type="button" onclick="goToTest()" value="Rechercher" />

**ihebiheb** · 19/10/2011, 21h43

j'ai trouvé une autre solution avec JQuery et ajax qui permet d'envoyer les données de manière plus formatée avec la méthode post

premièrement faire une référence a JQuery dans le header

Code :

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

<script type="text/javascript" src="adresse du fichier JQuery"></script>

deuxièmement le reste du code dans le body

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
<input type="button" value="Rechercher" id="buttonRecherche" />

<script type="text/javascript">
        $("#buttonRecherche").click(function () {
                var jsonData = "titre=" + $("#textTitre").val();
                
                $.ajax({
                            type: "POST",
                            url: "../recherche/test", //   Controller/action
                            data: jsonData,
                            success: function (msg) { //message récupéré du serveur
                                alert("ok" + msg);
                            }
                 })
          });
 </script>

mvc2 recuperer valeur champ text

ASP.NET MVC

Discussions similaires

Partager

Partager