none
Mvc Modal'a ID'ye Göre Veri Çekme RRS feed

  • Soru

  • Merhabalar, biliyorum bir çok sitede bu forum da dahil olmak üzere bu konu bahsedilmiş. Ancak çoğu yarım kalmış, istediğim gibi değil yada çözümü anlayamadım, o yüzden bu post'u açma gereksinimi duydum. İşin özü Ana Sayfamda kişilerin listesi ve kişilere ait bir button bulunmakta. Bu button'a tıklandığında modal açılacak. Tıklanan kişinin adı soyadı gibi özellikleri ise modal'a çekilecek. Şu anda modal'a veri alabiliyorum ancak ID'ye göre veri alma işlemini gerçekleştiremedim maalesef. ID'ye göre modal'a veri çekebilmem konusunda bana yardımcı olur musunuz?
    Ana Sayfa Kodlarım;
            @foreach (var item in services)
            {

    <p>@item.Name</p>

    <button type="button" data-toggle="modal" data-target="#personModal">

                                    Detaylı Bilgi <i class="fa fa-arrow-circle-right"></i>  </button>

    }

    Modalımın kodları ise;

                                

    <div class="modals">
                <div class="modal fade" id="personModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">

    @foreach(var item in services){               

                <h5 class="modal-title" id="exampleModalLabel" data-toggle="modal">@item.Name</h5>

    }                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Geri</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

    Ben bu senaryoda Ana Sayfamda bulunan her bir kişinin/servisin adını soyadını modal'a çekmek istiyorum bu ana sayfada bulunan buttondan nasıl modala veri atabilirim acaba? Şimdiden yardımlarınız için teşekkür ederim

    14 Mart 2020 Cumartesi 00:27

Yanıtlar

  • Öncelikle modalları foreach ile çoğaltma, bir tane yeter.
    @foreach (var item in services)
    {
        <p>@item.Name</p>
        <button type="button" data-name="@item.Name" class="modal-toggle">
            Detaylı Bilgi <i class="fa fa-arrow-circle-right"></i>  
        </button>
    }
    <div class="modal-body">
        Selamlar Sn. <b id="modalTitle"></b>
    </div>
    
    @section scripts {
        <script>
           $(()=>{
              $('.modal-toggle).click(function() {
                   $('#modalTitle').text($(this).attr('data-name'));
              });  
           });
        </script>
    }





    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    14 Mart 2020 Cumartesi 06:17
    Moderatör