ASP.NET MVC Razor bekommen textbox Wert
Wie bekomme ich den Wert einer textbox mit razor?
<div>
<input type="text" id="somevalue" name="somevalue" class="form-control"/>
<input type="button" value="Search" class="btn btn-success"/>
</div>
<ul id="ReportsList" class="nav">
@foreach (var item in Model){
var roomName= document.getElementByID('somevalue').value
if (item.roomName == roomName) {
<li class="errorItem">
<a href="#" class="list-group-item">
<i class="fa fa-warning fa-fw"></i> @Html.DisplayFor(modelItem => item.roomName)
<span class="pull-right text-muted small">@Html.DisplayFor(modelItem => item.roomCapacity) pers.
</span>
..........
}
Ist es möglich, den Wert von der textbox mit MVC Razor? Ursache mit der getElementByID scheint nicht zu funktionieren in razor...
fügen Sie Ihren code im script-tag und es wird funktionieren 🙂
Stimmt, aber dann kann es nicht zugegriffen werden, die in der if-Anweisung, wenn die Schleife durch die Ergebnisse...
mischen Sie server-side-code-und client-seitigen code. foreach-Schleife ausführen auf server-Seite, und Sie versuchen, Zugriff auf textbox-Wert gibt. es ist nicht möglich
C# variable zum speichern Raum-Namen im code und Sie wirklich nicht brauchen, javascript zu tun bedingte Codierung
Stimmt, aber dann kann es nicht zugegriffen werden, die in der if-Anweisung, wenn die Schleife durch die Ergebnisse...
mischen Sie server-side-code-und client-seitigen code. foreach-Schleife ausführen auf server-Seite, und Sie versuchen, Zugriff auf textbox-Wert gibt. es ist nicht möglich
C# variable zum speichern Raum-Namen im code und Sie wirklich nicht brauchen, javascript zu tun bedingte Codierung
InformationsquelleAutor Tyrion | 2014-06-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nicht gesenkt werden, indem die down-ticks.
Du bist offensichtlich neu Gestochen und Mvc & Javascript. Problem ist, dass das mischen Sie ein server-side-Sprache, die mit einem client-side-Sprache. Razor ist eine serverseitige Sprache, so dass Sie nicht in der Lage sein, um den Zugriff von client-side code (also html oder javascript), mit Razor. Rasierer wird verwendet zum Rendern von html an den client-browser. Denke, dass der code, den Sie sehen, in einer cshtml-Datei als Vorlage für den code, wird eine html-Datei. Das javascript auf der anderen Seite wird nur ausgeführt, wenn der Benutzer browser.
Jetzt, Sie können versuchen, einen Sinn von deinem code.
Habe ich entfernt, die Klassen zu machen, mehr lesbar. Das problem oben ist, dass Sie versuchen, einen Wert zu suchen, die mit Ihrem Rasiermesser-code. Dass code ausgeführt wird, bevor diese an den browser, so dass wird nicht funktionieren.
Sie nicht lösen können das problem mit Hilfe von Razor. Das bedeutet, dass Ihre DisplayFor ist, werden nutzlos für Ihr Szenario.
Müssen Sie javascript das problem zu lösen, so dass Sie brauchen, zu tun, Weg mit der Razor-Code. Vorausgesetzt, Ihr Modell verfügt als Liste-Objekt mit den Eigenschaften, die Sie in Ihrem Beispiel könnten Sie so etwas tun.
Leider haben Sie die falschen Instrumente hier.
Tatsächlich erreichen, was Sie versuchen zu tun, Sie werden besser dran, die Investition in ein paar javascript-frameworks. Ich schlage vor, dass Sie lernen, AngularJs, dies zu tun.
Zur Organisation von Javascript
Wie gesagt in den Kommentaren können Sie ein script-tag in Ihre cshtml-Datei. Leider ist das nicht dein problem. Ich Hinzugefügt ein bisschen eine Art und Weise zu organisieren Sie Ihre javascript sowie.
Ihr.cshtml-Datei.
Bessere Organisation Könnte Wie Folgt Aussehen
Setzen Sie den code in eine javascript-Datei. In diesem Beispiel ist der name wird person.js. Ich bin mit einer person Beispiel, weil es eine einfache Möglichkeit zu suchen, die auf die Schaffung einer nutzbaren Objekt in javascript. In diesem Fall person ist das Objekt.
person.js
Nächsten, würden Sie haben, um es irgendwie. Der einfachste Weg, es zu benutzen ist nicht der beste Weg.
Verbessert Beispiel mit JQuery
In diesem Beispiel binden Sie das Ereignis in einer unaufdringlichen Art und Weise (dh. Sie gewann ' T werden Vermischung von javascript und html).
Was ist, dass Sie gehen, mich zu kaufen? Es würde das Objekt ein string ist.
InformationsquelleAutor jwize