Auf html.actionlink klicken, laden Sie eine Teilansicht auf den link unten
Derzeit in meinem view
dies ist, was ich haben
<dt>Credit Saldo</dt>
<dd>@Model.CreditSaldo @Html.ActionLink("Add Credit","AddCredit",routeValues:new{Model.LicenseId})</dd>
<br/>
<dd>
<div id="partialDiv"></div>
</dd>
Wenn der Benutzer klickt Add Credit
derzeit leitet er mich zu neuen Teilansicht (keine überraschung).
Was ich will zu tun ist, laden Sie, dass teilweise anzeigen in derselben Ansicht, in der das div hat Id als partialdiv.
Hier ist die Methode, in controller, das aufgerufen wird, wenn der link aufgerufen wird
[HttpGet]
public ActionResult AddCredit(Guid licenseid)
{
var newCredit = new AddCredits();
return PartialView(newCredit);
}
und das ist, was ich getan habe, in Teilansicht
@model AdminPortal.Areas.Customer.Models.ViewModels.AddCredits
<div class="input-small">@Html.EditorFor(m=>m.CreditToAdd) <button class="btn-small" type="submit">Add</button></div>
Wie kann ich laden Sie die Teilansicht in der gleichen Ansicht, wenn der link "Add Credit" geklickt?
Edit 1 : Versuchte Ajax
<dt>Credit Saldo</dt>
<dd>@Model.CreditSaldo @Ajax.ActionLink("Add Credit","AddCredit",new{Model.LicenseId}, new AjaxOptions {UpdateTargetId = "partialDiv"})
<br/>
<dd>
<div id="partialDiv"></div>
</dd>
Ergebnis: Teilansicht immer noch lädt als neue Ansicht (nicht in der gleichen Ansicht)
Ich Liebe die Idee von benannten Argumenten.
InformationsquelleAutor Cybercop | 2013-08-14
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie die ajax-Helfer für das
Um für diese zu arbeiten, müssen Sie sicherstellen, dass Sie laden jquery und jquery.unobtrusive-ajax in Ihr layout.
Wenn wie jquery, verwenden Sie ein pre-1.9-version oder die Skripte nicht funktionieren. Wenn Sie eine version von jquery 1.9+ hinzufügen von jquery.migrieren Paket von nuget zu Ihrem Projekt und laden Sie diese in Ihr layout zu.
Funktioniert das nicht` @Scripts.Render("~/js") @Klassen rendersection("Scripts", required: false)`
die Klassen rendersection ermöglicht Ansichten, um Inhalte darzustellen, die in diesem Bereich (nur vollständige Ansichten, kein ajax geladen partials verwenden); @Scripts nur rendert den Inhalt von diesem bundle. Sie müssen prüfen, welche Skripte sind in. anderen warten, um zu überprüfen, wenn Sie chrome verwenden, ist mit Blick auf die Netzwerk-Registerkarte und sehen, ob es ist beantragt, über ajax oder nicht
funktioniert jetzt!!!!!!
AjaxOptions fehlende geschweifte Klammern {}, die Folge UpdateTagetId existiert nicht
InformationsquelleAutor Slicksim