Dynamische Bilder ASP.NET MVC

Ich muss X-Bilder zur Ansicht hinzufügen. Jedes Bild auf Klick sollte beim Klick unten eine eigene Eingabe zeigen.Dynamische Bilder ASP.NET MVC

Ich bekomme eine Liste von Bildern in mein Modell. In der foreach-Schleife kann ich sie dynamisch hinzufügen, aber wie ist es möglich, Onclick-Funktion für jedes Original original zu machen, so wird jede Eingabe für jedes Bild getrennt.

@foreach (var image in Model.Image) 
{ 
    <div class="col-md-2" style="cursor: pointer"> 
     <img src="@Url.Content(image)" alt="image" /> 
     <input type="text" class="form-control" style="visibility: collapse"/> 
    </div> 
}

Quelle

2016-06-01 miechooy

Sie benötigen Javascript/jquery, um das Ereignis '.click()' zu verarbeiten - z. '$ ('img'). click (function() {$ (this) .next ('input'). show()});' - aber es wäre besser, den Elementen Klassennamen zu geben und sie für die Selektoren zu verwenden . –

Sicher, aber wie füge ich Originalnamen für Paar Bild/Eingabe hinzu? – miechooy

Was meinst du _add Originalnamen_ - warum willst du Namen hinzufügen? –

Sie können eine JavaScript-Funktion schreiben, die einen Parameter, wie das geklickt Bildelement nimmt, um anzuzeigen, welches Bild geklickt wurde und entsprechende Maßnahmen zu ergreifen:

<img src="@Url.Content(image)" alt="image" onclick="processImage(this)" />

Das Schlüsselwort this ist ein Verweis auf das Element, das das Ereignis auslöst - in diesem Fall ein Bildelement, auf das geklickt wurde.

Quelle

2016-06-01 06:35:37 CoolBots

Und um die Eingabe zu zeigen ist @ @ Stephen Mücke ersten Kommentar sehen. –

Dynamische Bilder ASP.NET MVC

Antwort

Verwandte Themen