v2.5.2
Giriş yap

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

acemi
351 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;
PHP
<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>
HTML

        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() {
            }
        }

JavaScript
acemi
890 gün önce
function Value(id, veri){
    document.getElementById(id).value = veri;
}
        $("body").on("click", ".modal_pen", function (button) {
            var id          =   $(this).data('id'),
                veri1     =   $(this).data('veri1'),
                veri2       =   $(this).data('veri2'),
                veri3       =   $(this).data('veri3'),
                veri4      =   $(this).data('veri4');
                
                Value("id", id);
                Value("veri2", veri2);
                Value("veri3", veri3);
                Value("veri4", veri4); 
                $('#Guncelle').modal('show'); 
        });
JavaScript

bu şekilde yaptım fakat bunun daha kolay bir yöntemi olması gerekiyor diye düşünüyorum.
tıklanan a tagına bütün verileri data-veri şeklinde girmek gerekiyor
js tarafında aynı verileri tek tek işlemek gerekiyor vs .

daha kısa bir çözümü olan varmı acaba.