So rufen Sie einen modalen Bootstrap-Speicher in einer JSP-Seite von einer anderen JSP-Seite auf?

Ich habe eine JSP-Seite, die die gesamte modale say Modal-Struktur (Header, Body und Footer) enthalten. Die Seite ist wie untenSo rufen Sie einen modalen Bootstrap-Speicher in einer JSP-Seite von einer anderen JSP-Seite auf?

<% @ page language = "java" contentType = "text/html; charset=ISO-8859-1" 
pageEncoding = "ISO-8859-1" 
%> 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog"> 

       <!-- Modal content--> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Modal Header</h4> 
        </div> 
        <div class="modal-body"> 
         <p>Some text in the modal.</p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 

      </div> 
     </div> 

    </body> 
</html>

Und ich habe auch eine andere JSP-Seite, wo auf eine Schaltfläche auf, klicken Öffnen Modal, die modal mit ID myModal Laden in der oben JSP-Seite unbeschaltet Strom wird Seite wird intakt sein, zusätzlich wird ein modales Popup geöffnet. Hier ist die Seite, von wo aus ich nenne das modale

<% @ page language = "java" contentType = "text/html; charset=ISO-8859-1" 
pageEncoding = "ISO-8859-1" 
%> 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
     <div class="container"> 
      <h2>Modal Example</h2> 
      <!-- Trigger the modal with a button --> 
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
     </div> 
    </body> 
</html>

Wie bekomme ich diese?

Quelle

2016-10-26 Aditya

Wenn der HTML-Code des Modales nicht auf der Seite gerendert wird, ist dies ohne Ajax nicht möglich. Sie müssten eine Ajax-Funktion erstellen, die nur den HTML-Code von modal bekommt und ihn irgendwo in den aktuellen Körper setzt (wahrscheinlich mit jquery's append), und dann können Sie ihn zeigen.

Quelle

2016-10-26 08:16:42 Imaginaroom

Zunächst einmal müsste Ihr Moal Code nur ein div und stuff, Sie wollen nicht versuchen, ein ganzes anderes HTML-Dokument in Ihrem Code enthalten.

Sie würden wollen, dass die Datei enthalten, entweder über Import oder sind in den Umfang Ihrer Seite, die Sie den Modal auf, dann in js verwenden möchten, tun $("#myModal").modal('show')

Quelle

2016-10-26 13:47:53 zack6849

So rufen Sie einen modalen Bootstrap-Speicher in einer JSP-Seite von einer anderen JSP-Seite auf?

Antwort

Verwandte Themen