Öffnen cshtml-Seite als modal popup in MVC

Müssen wir nun einen Chart öffnen.cshtml-Seite als gebundenes popup (Grau übergeordneten Fenster) in unserer Anwendung ist in der Mitte von einem übergeordneten Bildschirm mit einige Werte als input-popup. Auf popup schließen wir wieder einige Werte zum übergeordneten Bildschirm.

Diagramm.cshtml-Verzeichnis Views => Home => Chart.cshtml meiner MVC Anwendung.

Bitte helfen Sie mir mit einem Beispiel-code. Es ist wirklich sehr hilfreich für mich.

Dank,

Sufyan

  • Sollten Sie mit der Partiellen Sicht für diesen Zweck.. Konvertieren Chart.cshtml zu einer Teilweisen Ansicht und fügen Sie ihn in den modalen popup-Körper zu Hause.cshtml versuchen, google-versuchen Sie zunächst, selbst etwas und dann hier Fragen..
InformationsquelleAutor Abu Sufyan | 2015-02-02
  1. 0

    MVC Rückkehr Partial View als JSON Überprüfen Sie in diesem Beitrag. Sie können dazu führen, Teilansicht von Json über ajax.

    Create-Aktion, die zurückkehren würden Ihre partiellen view als Json. Wenn Sie bekommen die Reaktion von ajax-Aufruf (die Partielle view als Json), Sie könnten stecken Sie es in Stelle, wo Sie wollen in der übergeordneten Ansicht.

    InformationsquelleAutor demo
  2. 0

    Versuchen Sie dies:

    Haben eine div und legen Sie Inhalt action gibt Ihrer Ansicht cshtml als ViewResult.

    Verwenden jQuery ui dialog zu zeigen, wie popup -

    HTML

     <div id='divHtml'/>

    javascript

        $(document).ready(function()
{
                 $("#divHtml").load("Home/Chart",
                      function()
            {
                         $( "#divHtml" ).dialog({
                      modal: true,
                    buttons: {
                    Ok: function() {
                    $( this ).dialog( "close" );
                  }
                }
});
                 }
);
});

    Diese öffnen sich pop-up in Dokument laden. Wenn Sie möchten, zu öffnen Sie popup beim Klick auf ein button,über dialog-code in der Schaltfläche click-Ereignis-handler.

    Links:

    http://api.jquery.com/load/

    http://jqueryui.com/dialog/#modal-message

    • Nichts macht insbesondere einbezogen werden müssen, um die Datei, um diese zu verwenden? Ich bin auch der source-JS-Datei für die jQuery 1.10.2, aber es sagt, es gibt keinen Befehl "dialog" unterstützt zur Laufzeit
    • Sie brauchen, um jQuery-UI-javascript-Dateien auch. Download von hier -jqueryui.com/download
    • Ah, das war es, vielen Dank für die Hilfe!
    InformationsquelleAutor malkam
Schreibe einen Kommentar