v2.5.2
Giriş yap

Foreach() Dışındaki Modalı Çağırma ve verileri gönderme

acemi
305 defa görüntülendi

döngü içerisindeki modal ı nasıl açabilirim.
döngüde veriler var ve bunları o açılan modal içerisindeki inputlara nasıl value olarak atayabilirim.

foreach içinde Id no vermez isem açılıyor da boş modal işime yaramıyor

foreach içinde modal çalıştırsak olur fakat bu sefer arka tarafta yüklü veride birşeyleri etkiler diye düşünüyorum
bunu foreach dışında nasıl yapabilirim yardımcı olabilirimisiniz.

teşekkürler.

   foreach($as as $row):
       echo '<a href="#" id="modal" onClick="ModalActive.show('ModalID<?php echo $row['id'] ?>')"></a>';
   
   endforeach;
<div class="modal fade" id="ModalID" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-lg modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header  modal-header-info ">
				<h5 class="modal-title">Modal Düzenle</h5>
				<button type="button" class="material-icons" data-bs-dismiss="modal">x</button>
			</div> 
			    Modal İçerik 
		</div>
	</div>
</div>

        var ModalActive = {
            'show': function(id) {   
                $('#' + id).modal('show'); 
                
                /// burası sonrası :)
                $.ajax({
                    url:'/Data/', 
                    type: 'post', 
                    data: {data}, 
                    dataType: "json",
                    success: function(response) { 
                        if(response.durum){ 
                            toastUser(response.mesaj);  
                        }
                    }
                });
            },
            'remove': function() {
            }
        }

acemi
755 gün önce

@ebykdrms teşekkür ederim
istediğim gibi oldu daha kısa yazılsın istedim pek bilmiyorum js sadece mantık yürüterek biraz araştırdım atama yapmayı öyle yapmıştım
kısa hali daha işlevsel oluyor sadece öğrenmek için soruyorum.

data-veri giriyorsaum buton attr.. input id leride aynı isimde olmak zorunda sizin verdiğiniz cevaba göre ki eşleşmeyi ona göre mi sağlıyor.

   <a href="#" data-veri="veri" data-veri2="veri"></a>
   
   // giden modal input
   <input type="text" id="veri">
   <input type="text" id="veri2">
  // yok ise atıyorum a butonundaki data isimleri farkı
  giden modal inputundakiler farklı olsa yakalamaz sanırım :)