gewusst wie: aktualisieren Sie Teilansicht ohne Aktualisierung der gesamten Seite in mvc

Ich m mit ein Ajax Tab panel in meiner Anwendung.
Es gibt 4 Registerkarten auf der Linken Seite und eine Teilansicht auf der rechten Seite.
In jedem dieser Registerkarte I m Anzeige ein paar Daten und gibt es ein select-link-Schaltfläche auf jedem tab.
wenn ich klicken Sie auf die wählen Sie " link-button, den ich m Füllung die Teilansicht mit einigen Informationen.
Wenn dies geschieht meiner Ansicht nach komplett wieder geladen.
A B C D

zB dies sind die Registerkarten.
lassen Sie uns annehmen, dass ich m auf die Registerkarte B, und jetzt, wenn ich auf den link Auswahl-Taste Meiner Sicht ist völlig geladen mit Informationen.
aber der Reiter Locker, der Fokus an dieser Stelle. Ich kommt zurück auf den Standardwert.
also ich will helfen, auf diese
1) entweder ich habe zu aktualisieren, nur die Teilansicht ohne das laden der kompletten Seite
2) oder muss ich pflegen den aktiven tab index Wert auf klicken Sie auf wählen Sie " link-button
Bitte helfen Sie mir mit diesem problem
und geben Sie mir Beispiele

Sie sollten nur aktualisieren Sie den teilweisen Blick ,das ist der Vorteil von MVC.

InformationsquelleAutor Aman Rohilla | 2011-06-14

  1. 1

    jQuery Tabs - Laden Sie Inhalte nur, wenn geklickt wird
    Hier ist das Beispiel, dem laden von Inhalt der Registerkarten dynamisch per Ajax. Es ist für PHP das, was Sie ändern müssen, ist gesetzt, controller/action statt der URL der PHP-Seite.

    $.get("controller/action", {tab_clicked, "my_tab"}, tab_fetch_cb, "text/json/xml");

    oder anderes anstelle von Ajax.ActionLink

    verwenden <a onclick="LoadTab(@item.ID)">Item @item.ID</a>
    und jquery-Funktion auf die Registerkarte ändern, und laden von Daten dyanamicaly

    function LoadTab(id){
     //Change tab here Ex: $('#tabs').tabs('select', index);
      $.get('ajax/test.html', {Id, id},function(data) {
          $('#Partial_Controller_Name').html(data);

      });

}
    Lassen Sie mich u den code auch <%= Ajax.ActionLink("Select", "Partial_Controller_Name", new { Id = Element.ID }, new AjaxOptions { UpdateTargetId = "Partial_Controller_Name" })%> <div id="Partial_Controller_Name"> <% Html.RenderPartial("Partial_Controller_Name"); %> </div> Wenn ich auf diesen button wird die Umleitung mich partial_Controller_Name ohne anzeigen
    Stellen Sie sicher, dass Sie Hinzugefügt haben, einen Verweis auf ajax-javascript-Bibliothek <script src="@Url.Content("~/scripts/jquery-1.4.4.js")" type="text/javascript"></script>
    Ich habe Hinzugefügt-Skript als gut
    Versuchen Sie, ein Verweis auf die Microsoft Ajax-Bibliothek <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>

    InformationsquelleAutor Jayantha Lal Sirisena

  2. 0

    Schreiben Sie eine ajax-call auf Ereignis klicken Sie auf der Registerkarte, und laden Sie den seitlichen Blick in den container der Registerkarte

    Finden Sie diese Antwort stackoverflow.com/questions/1644350/...
    Aber ich kann nicht laden partial view in Tab.
    schreiben actionresult die Rückkehr der Teilansicht der andere Vorgehensweise ist die gleiche wie bereits in der obigen Antwort tabs sind nichts, aber ul und li mit einigen javascript

    InformationsquelleAutor Tassadaque

  3. 0

    Diese kann getan werden, mit RjsResult Klasse

    wenn mit mvc1 u verwenden können, RjsResult.cs

    durch diese..können Sie aktualisieren, wie viele div-Sie möchten auf einer Seite...

    verwenden Sie diese für die Umsetzung

    public ActionResult Some_Method(){
RjsResult r = new RjsResult();
ViewData["SomeData"] = Some_Function();
r.update("DIV_id","PartialPagePath",ViewData,ControllerContext);
return r;
}

    so, wenn Sie klicken Sie auf somethink..diese Funktion wird implemnted und aktualisieren Sie div mit tht teilweise

    Ansicht Teil 

    <div id="DIV_id"></div>

    können Sie aktualisieren, wie viele dv, wie Sie wollen mit einem einzigen Klick 🙂

    InformationsquelleAutor 1Mayur

Schreibe einen Kommentar