2016-06-28 13 views
0

Ich habe eine normale Ansicht mit zwei Ansichten Komponenten im Inneren. Die normale Ansicht hat auch eine Schaltfläche und die beiden Ansichten Komponenten haben auch eine Schaltfläche.Aktualisieren Ansicht Komponente .net Kern RC2

Wie kann ich die Ansichten Komponenten nach dem Klicken auf die Schaltfläche aus der normalen Ansicht aktualisieren? Und wie kann ich zweite Ansicht Komponente nach dem Klicken auf Botton von der ersten Ansicht Komponente aktualisieren?

Ich habe schon versucht, einen Weg zu finden, aber ohne Erfolg!

Mit freundlichen Grüßen

Antwort

0

Letztlich Komponenten anzeigen HTML-Markup zu erzeugen, wenn Rasierapparat, dass Code ausgeführt wird. Wenn Sie einen Teil Ihrer HTML-Seite (wie eine Teilseitenaktualisierung) aktualisieren möchten, können Sie jQuery und ajax verwenden, um dies zu tun.

So etwas wie das.

$(function(){ 

    $("#SomeButton").click(function(e){ 

    e.preventDefault(); 
    //make the ajax call and get new data/markup for the 
    // div rendered by your first view component and update it  
    var url="TheUrlToActionMethodWhichReturnsPartialMarkup"; 
    $("#DivIdA").load(url); 
    }); 

}); 

Sie können für die Aktualisierung von anderen Teilen Ihrer Seite (Markup generiert durch View-Komponente 2) als auch das gleiche tun. Aktualisieren Sie die URL auf eine Aktionsmethode, die ein Teilansichtsergebnis zurückgibt.

+0

Ich versuche schon so etwas, aber ich kann nicht die richtige Syntax finden. –

+0

Sie müssen uns zeigen, was Sie versucht haben und wo Sie Probleme haben. – Shyju

0

Ich versuchte dies:


`$("#buttonrefresh").on("click", function() {` 
    `$.ajax({` 
     `type: "GET",` 
     `url: '@Url.Action("VCTest")'` 
    `(function (result) {` 
     `$("#show").html(result);` 
    `});` 
`});` 

Dieses Skript ist eine Ansicht Komponente zu aktualisieren, nachdem auf der Schaltfläche aus normaler Ansicht klicken. VCTest ist der Name der Ansichtskomponente. show ist der Name des Div, in dem die View-Komponente aufgerufen wird.