Comment recharger une vue partielle dans une page parent sur un post de page enfant

Question

La page parent contient 3 vues partielles dans Index_Top, Index_Left et Index_main. En appuyant sur un bouton dans Index_Left, une nouvelle fenêtre s'ouvre en utilisant la fonction window.open ("MyController/ChildPage") en javascript.

Maintenant, je ne devrais recharger que Index_Left sur la page parente de la page enfant.

Quelqu'un peut-il m'aider comment puis-je le faire?

J'ai essayé d'utiliser comme ci-dessous. .post $ ("/ MyController/ChildPage /", {}, la fonction (résultat) { if (result.Message == "OK") { window.opener.location.reload (true); fenêtre . close(); } }, "json");

Mais, il est en train de recharger la page parent entière. Mais, je veux seulement recharger une page paritaire Index_Left.

Answer 1

Dans la page principale définir une fonction javascript:

function reloadLeftPanel() { 
    // Do an AJAX request and reload the left panel like for example: 
    $('#leftPanel').load('<%= Url.Action("MyController", "ChildPage") %>'); 
} 

Et dans l'appel de la fenêtre pop-up cette fonction chaque fois que vous voulez recharger le panneau de gauche sur la page d'ouverture:

window.opener.reloadLeftPanel();