Wie wird eine Ansicht dynamisch in einem Modal entsprechend der angeklickten Verknüpfung geladen?

Question

Ich möchte die Ansicht in einem Modal laden, um die Operationen auszuführen, aber ich dachte über das dynamische Laden der Ansichten nach dem angeklickten Link, mit nur einem Modal statt drei, wie würde ich das tun? Oder besser die gleichen modalen, eine für jede Operation? Die Frage ist nicht, wie man ein Modal öffnet, sondern wie man die Ansicht dynamisch in das Modal lädt, den Namen desselben ändert, den Klick auf den Link bestätigt (Einzahlung, Zeichnen, Extrahieren), ein einzelnes Modal wiederverwenden .

<ul> 
    <?php 
    foreach ($info as $info) { 
     echo "<li>Titular: {$info->titular} </li> " 
      . "<li>Agência: {$info->agencia} </li>" 
      . "<li> Conta: {$info->conta} </li> " 
      . "<li>Saldo: R$" . number_format($info->saldo, 2, ',', '.') . "</li>"; 
    } 
    ?> 
</ul> 
<a class="operacao" id="deposito" href="">Deposito</a> 
<a class="operacao" id ="saque" href="">Saque</a> 
<a class="operacao" id="extrato" href="">Extrato</a> 

<div class="modal"> 
    <?php $this->loadView('deposito', $this->getData()); ?> 
</div> 

Answer 1

Sie jquery verwenden können die Daten über click--

<script type="text/javascript"> 
    $('#deposito').click(function(){ 
      $('#modal1 .modal-body').html(htmldata); 
      $('#modal1').modal('show', {backdrop: 'static'}); 
     }); 

Answer 2

ich es in der Regel laden auf mich einfach machen und schaffen in meinem modal mit jeweils unterschiedlichen ids drei verschiedenen divs die Ich zeige und verstecke mich entsprechend dem geklickten Link.

So würde zum Beispiel meine modalen so aussehen,

<div class="modal"> 
    <div class='views' id='view_1'> 
    .... 
    </div> 
    <div class='views' id='view_2'> 
    .... 
    </div> 
    <div class='views' id='view_3'> 
    .... 
    </div> 
</div> 

Dann erstelle ich ein Onclick-Handler jedes div im Modal, nachdem sie die Daten bekommen, wie so zum Beispiel

$('view-1-link').click(function(){ 
    // get your data with ajax 
    $('.views').hide(); // hide all views 
    $('#view_1').html(data).show(); 
}) 

zeigen zu verstecken

Dann machen Sie das gleiche für jede View-Link.

Hoffe, das hilft!