Wie kann HTML-Textfeld Wert mit Url.Action an Controller-Aktion Methode Eingabeargument senden?

Question

Ich bin neu in asp.net MVC und wollen html Textfeld Wert und senden es an die Steuerung Aktionsmethode Argument, zu diesem Zweck in Sicht Seite schreiben diesen Code lesen:

<a href="@Url.Action("Item", "Store", new {parentPartId = @item.Id,UserID=12})">@item.BookName</a> 

in url action in diesem Segment:
UserID = html Textbox Wert
Wert lesen und auf diese Aktion in der Steuerung senden:

public ActionResult Item(int parentPartId,int UserID) 
     { 
} 

diese in Sicht Seite ist mein Textfeld:

<input type="text" id="USERID"/> 

Wie kann ich das Problem lösen Dank?.

Answer 1

Sie können das Click-Ereignis des Hyperlinks verarbeiten und den Wert aus der Textbox in sie injizieren, wie folgt aus:

HTML:

<a class="BookName" href="" data-id="@item.Id">@item.BookName</a> 

Script (vorausgesetzt, dass Sie haben jQuery, aber leicht wieder -writable wenn nicht):

$(".BookName").click(function(event) 
{ 
    event.preventDefault(); 
    var url = '@Url.Action("Item", "Store", new {parentPartId = "PARENT_ID",UserID="USER_ID"})'; 
    url = url.replace("USER_ID", $("#USERID").val()); 
    url = url.replace("PARENT_ID", $(this).data("id")); 
alert(url); //just for debugging 
    window.location.href = url; 
}); 

Sie möchten vielleicht der Eingangswert gilt überprüfen, bevor Sie dies tun, aber das wird Ihnen den Start.

Answer 2

Der Textfeldwert ist dynamisch. Es hängt von Benutzereingaben ab. Razor-Tags werden auf dem Server kompiliert und auf dem Client veröffentlicht. So kann Ihr Rasierklingencode nicht verstehen, was der Benutzer mit Ihrem Textbereich machen wird. Sie benötigen eine Aktion, um die Methode auszulösen, die das Bestimmen der Textfeldwerte und das Senden an den Server enthält. Sie können die Ajax-Funktion verwenden. Mit Jquery's Hilfe.

Ich denke @item ist eine Schleifenvariable. Sie können Ihren Code wie

unten ändern

<a onClick="myFunction(@item.id)">@item.BookName</a> 

wie Sie sehe ich die ID fangen und geben Sie als Paramenter nach unten. ist dies Ihre Textbereich

<input type="text" id="USERID"/> 

dies ist die Javascript-Funktion, die die Textbox Wert bekommt und sendet sie an Ihre Aktion

function myFunction(id){ 
    var userId = document.getElementById("UserID").value; 
    var data ={ 
     parentPartId:id, 
     UserID:userId 
    } 

    $.ajax({   //Jquery stuff 
      url : '/Store/Item' 
      type:'POST', 
      data:data 
      dataType:'json' 
      success:function(){//You can handle succes scenario} 
     }); 
} 

Siehe die Struktur der Daten ist ein JSON-Objekt. Und Parameternamen sind die gleichen wie Ihre Aktionsparameter. Wenn Sie es senden. MVC wird die Logik verstehen und die Parameter und Werte anpassen.

)

Answer 3

Sie benötigen Formular platzieren und veröffentlichen Sie Ihre Daten über Modell/Form Sammlung

Ansicht Code

@using (Html.BeginForm("SaveData", "TestCont", FormMethod.Post, new { Id = "frmTest", enctype = "multipart/form-data" })) 
{ 
    @Html.AntiForgeryToken() 
    <input type="text" id="USERID" name="UserID"/> 
} 

Controller:

[HttpPost] 
[ValidateInput(false)] 
public ActionResult SaveData(FormCollection form) 
{ 
    string html = Convert.ToString(form["UserID"]); 
} 

stellen Sie sicher, [ValidateInput(false)] zu markieren sonst wird es Fehler aus auf der Buchung html

Sie können als platzieren Schaltfläche 1 in Form einfügen oder in JavaScript verwenden $('#frmTest').submit()