• 02-12-2018, 17:38:39
    #1
    Merhaba arkadaşlar,

    Bootstrap 4'de modal'a data-id gönderiyorum.
    ve bu data-id ile SQL sorgusu çekmem gerekiyor ama yapamadım bir türlü.
    Yardımcı olur musunuz?
    			<!--Modal-->
    			
    			<a data-toggle="modal" data-target="#kullanici_duzenle" data-id="<?php echo $liste["kullanici_id"]?>" href="#" class="text-info" title="Sil"><i class="fas fa-kullanici-minus"></i></a>
    			
    
    <form action="" method="GET">
    				<div class="modal fade" id="kullanici_duzenle" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    					<div class="modal-dialog modal-dialog-centered" role="document">
    						<div class="modal-content">
    							<div class="modal-header">
    								<h5 class="modal-title" id="exampleModalCenterTitle">Kayıt değiştirme</h5>
    								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
    									<span aria-hidden="true">&times;</span>
    								</button>
    							</div>
    							<div class="modal-body">
    								<table class="table">
    <?php
    $kullaniciAra = $db->query("select * from kullanicilar where kullanici_id=?")
    	->data(array($kullanici_id))
    	->select(1);
    ?>
    									<thead>
    										<tr>
    											<th scope="col">Kullanıcı Adı</th>
    											<th scope="col">E-mail</th>
    										</tr>
    									</thead>
    									<tbody>
    										<tr>
    											<td><span class="roomNumber"></span></td>
    											<td>aa</td>
    										</tr>
    									</tbody>
    								</table>
    							</div>
    							<div class="modal-footer">
    								<button type="button" class="btn btn-secondary" data-dismiss="modal">İptal</button>
    								<button type="submit" class="btn btn-danger">Onayla</button>
    							</div>
    						</div>
    					</div>
    				</div>
    			</form>
    
    
    	<script>
    		$('#kullanici_duzenle').on('show.bs.modal', function (e) {
    			var myRoomNumber = $(e.relatedTarget).attr('data-id');
    			$(this).find('.roomNumber').text(myRoomNumber);
    		});
    	</script>
  • 02-12-2018, 17:53:19
    #2
    Ajax kullanman lazım , ajax ile veri çekmeyi ve veri göndermeyi araştır.
  • 02-12-2018, 20:02:09
    #3
    MAV adlı üyeden alıntı: mesajı görüntüle
    Ajax kullanman lazım , ajax ile veri çekmeyi ve veri göndermeyi araştır.
    Ajax kullanmam gerekiyor peki, google'de ne diye arama yapmalıyım?
    ajax class'dan veri çekme dediğimde çok alakasız konular çıkıyor karşıma.

    Yardımcı olursanız sevinirim.
  • 02-12-2018, 23:30:04
    #4
    while veya forearch çoğaltma yapıyorsun #kullanıcı_duzenle bölümünde de id tanımlaman gerekiyor

    data-garget="#kullanici_duzenle<?php echo $liste['id'];?>"
    gibi ki bu arada modal ı da while ın içine alman gerekiyor böylece her kullanıcıya id ye göre aynı modal açılır.
  • 03-12-2018, 08:41:55
    #5
    aketasarim adlı üyeden alıntı: mesajı görüntüle
    while veya forearch çoğaltma yapıyorsun #kullanıcı_duzenle bölümünde de id tanımlaman gerekiyor

    data-garget="#kullanici_duzenle<?php echo $liste['id'];?>"
    gibi ki bu arada modal ı da while ın içine alman gerekiyor böylece her kullanıcıya id ye göre aynı modal açılır.
    Hocam değerlendirmeniz için teşekkürler.

    Modal'ın içindeyken <span class="roomNumber"></span> yazdığımda ID numarası zaten geliyor. Ama bunu direk olarak SQL'e ekleyemiyorum çünkü span'ın içinde yer alan bir class java ile getiriyor.

    bunu nasıl yapabilirim?
  • 04-12-2018, 02:43:39
    #6
    bende modal ile çok uğraştığım için bazen bende takılmıştım

    modal ı çağırmak için sonuda id değeri olması gerekiyor ve o id ye göre gelmesi için

    çağıran kısmın adı tab1
    ise gelen kısımda tab1 e eşit olmalı ki aynı tablo açılsın

    benim anladığım sen 10 tane veriden 4 nolu veriye tıkladığın zaman atıyorum düzenle olsun 4 numaralı veri gelmiyor o yüzden benim dediğim gibi yapman gerekir.

    <button type="button" class="btn btn-info mr-2  text-white " data-toggle="modal" data-target="#<?=$yoneticiDizi->id?>de">
    														<i class="fa fa-edit "></i> </i>
    													</button>
    
    <div id="<?=$yoneticiDizi->id?>de" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    ben bu iki şekilde kullanıyorum senin sorunun farklı ise ben anlamadım. k.bakma.
  • 13-12-2018, 22:20:41
    #7
    <script type="text/javascript">
    		
    		$(document).ready(function(){
    
    			$('#DeleteUser').click(function(){
    
    			var dataID = $(this).attr("data-id");
    
    			$.ajax({
    
    				type:"POST",
    				url:"siteadresi.com",
    				data:{dataID},
    				sucsess: function(sonucgoster) {
    					$('#SonucDiv').html(sonucgoster);
    				}
    
    			});
    
    			});
    
    
    		});
    
    
    </script>
    
    			
    			<a data-toggle="modal" data-target="#kullanici_duzenle" data-id="<?php echo $liste["kullanici_id"]?>" href="#" class="text-info" title="Sil" id="DeleteUser"><i class="fas fa-kullanici-minus"></i></a>
    			
    
    	<form action="" method="GET">
    				<div class="modal fade" id="kullanici_duzenle" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    					<div class="modal-dialog modal-dialog-centered" role="document">
    						
    
    						<div class="modal-content">
    							<div class="modal-header">
    								<h5 class="modal-title" id="exampleModalCenterTitle">Kayıt değiştirme</h5>
    								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
    									<span aria-hidden="true">&times;</span>
    								</button>
    							</div>
    							<div class="modal-body" id="SonucDiv">
    								<table class="table">
    <?php
    $kullaniciAra = $db->query("select * from kullanicilar where kullanici_id=?")
    	->data(array($kullanici_id))
    	->select(1);
    ?>
    									<thead>
    										<tr>
    											<th scope="col">Kullanıcı Adı</th>
    											<th scope="col">E-mail</th>
    										</tr>
    									</thead>
    									<tbody>
    										<tr>
    											<td><span class="roomNumber"></span></td>
    											<td>aa</td>
    										</tr>
    									</tbody>
    								</table>
    							</div>
    							<div class="modal-footer">
    								<button type="button" class="btn btn-secondary" data-dismiss="modal">İptal</button>
    								<button type="submit" class="btn btn-danger">Onayla</button>
    							</div>
    						</div>
    
    
    
    					</div>
    				</div>
    			</form>
    Kodu test etmedim ama kısaca şöyle;

    idsi DeleteUser olan linke tıklandığında ajax çalışacak ve data-id değerini alıp istediğin sayfaya onu post edecek eğer sonuç sorunsuz ise modal içinde idsi SonucDiv olan bölgeye aktaracak. post ettiğin sayfaya ilgili modal içeriğiyle beraber atarsan çalışması gerekir