MVC C# modal popup
ok, so versuche ich herauszufinden, wie man richtig Aufruf eines modalen popup für meine Seite verwenden Controller, die als pro diese post ' s Vorschlag
ASP.NET MVC-modalen dialog - /popup-best practice
ist und ein bisschen verwendet diese:
Habe ich eine Ansicht, die eine dropdownlist, wenn der Benutzer nicht finden können, das Element /Wert, dass er/Sie sucht, kann er empfehlen, einen Wert (vorschlagen neuer Wert link), die nennen soll, den controller und die Rückkehr einer popup-Seite mit ein paar Feldern.
Hier sind die Objekte auf der Ansicht:
<script type="text/javascript">
loadpopup = function ()
{
window.showModalDialog(‘/NewValue/New′ , "loadPopUp", ‘width=100,height=100′);
}
</script>
<%: Html.DropDownList(model => model.ValueId, new selectlist........... %>
<%: Html.ActionLink("Suggest Value", "New", "NewValue", null, new { onclick = 'loadpopup()') %>
Den controller, ich bin der Planung zu verwenden, um die Seite:
public class NewValueController : Controller{
public Actionresult New(){
return View();
}
}
Jetzt bin ich stecken. Ich wollte wieder eine Seite, wo ich formatieren kann es, muss ich um einen string zurückzugeben ? kann ich nicht zurückgeben aspx (engin das ich verwende) statt, da die Formatierung, das wäre einfacher?
Irgendwelche Tipps, in welche Richtung ich gehen sollte, wird sehr geschätzt.
Dank!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnten Sie die jquery UI Dialog für das popup. Wir haben eine kleine setup hier.
Hätten wir ein view-model für die main-form:
controller:
sowie eine Ansicht (
~/Views/Home/Index.aspx
):dann könnten wir kümmern uns um das popup. Wir definieren einer view-Modell für Sie:
controller:
und eine entsprechende Teilansicht (
~/Views/NewValue/New.ascx
):Alles, was jetzt übrig bleibt, ist zu schreiben, ein bisschen javascript alles Draht nach oben. Wir sind jquery und jquery ui:
und eine benutzerdefinierte javascript-Datei, die enthält unser code:
.click()
Fall den link. Stellen Sie sicher, dass Sie haben richtig alle die 3 javascript-Dateien (jquery-1.5.1.min.js
,jquery-ui-1.8.11.js
undmy.js
- mit dem Drehbuch habe ich gezeigt, in dieser Reihenfolge), und es sind keine Fehler in der javascript-Konsole.<option>
Element auf die dropdown in der Erfolgs-handler anstelle die NewValue-Feld.