mvc2 recuperer valeur champ text

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:

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

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:

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

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:

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

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:

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

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

Mets tout simplement :

Code:

<a onclick="taméthodejavascript();">blablabla</a>

remplaces les < par < et > par >.

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

Code:

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

Essaies value() à la place de val()

rien non plus. :(

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

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

oui j'ai le champ de texte correspondant
Code:

1 2 <input type="text" id="textTitre"/>
mais j'ai aucune idée pourquoi il ne le détecte pas :calim2:

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

voici le code source de ma vue

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
 
<%@ 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>

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

Code:

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");
}

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

Salut,

Dans,

Code:

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

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

Citation:

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");

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:

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' />

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

Félicitations :ccool

merci pour tous pour votre aide et votre paticence :ccool:

pour resumer je met le code de ma vue

mon JS

Code:

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:

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

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:

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

deuxièmement le reste du code dans le body
Code:

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>