Блог

Отобразили данные из базы данных с помощью загрузочной карты. На всех этих карточках есть кнопки «Подробнее». После нажатия на Подробнее модальный должен получить эти конкретные сведения о строке и отобразить. Вид, как показано ниже

Коды указаны ниже:

Код для просмотра с помощью карты

 <div class="row clearfix">

<?php 
    $query = $this->db->query("SELECT * FROM services_offered LIMIT 15");
    foreach ($query->result() as $row) {
        echo "<div class='col-lg-4 bottommargin-sm'>";
        echo "<div class='feature-box media-box fbox-bg'>";
        echo "<div class='fbox-media'>";
        echo "<a href='#'><img src='$row->swo_images' alt='Featured Box Image' style='height:250px; width:450px;'></a></div>";
        echo "<div class='fbox-content fbox-content-lg'>";
        $string = $row->swo_brief_intro;
        $string = word_limiter($string, 15);
        echo "<h3 class='nott ls0 font-weight-semibold'>$row->swo_image_heading<span class='subtitle font-secondary font-weight-light ls0'>$string</span></h3>";
        
        echo "<a href='fetchDetails' class='button-link border-0 color btn-edit' data-toggle='modal' data-target='#whatwedo'>Read More</a>";
        echo "</div>";
        echo "</div>";
        echo "</div>";
    }
?>
 

Код для модального, который должен загружаться:

 <?php 

    $query = $this->db->query("SELECT * FROM services_offered");
    foreach ($query->result() as $row) {
        
        echo "<div class='modal fade' id='whatwedo' tabindex='-1' aria-labelledby='exampleModalLabel' aria-hidden='true'>";
        echo "<div class='modal-dialog' >";
        echo "<div class='modal-content'>";
        echo "<div class='modal-header'>";
        echo "<h5 class='modal-title' id='exampleModalLabel'>$row->swo_image_heading</h5>";
        echo "<button type='button' class='close' data-dismiss='modal' aria-label='Close'>";
        echo " <span aria-hidden='true'>amp;times;</span>";
        echo "</button>";
        echo "</div>";
        echo "<div class='modal-body'>";    
        echo "..";
        echo "</div>";
        echo "<div class='modal-footer'>";
        echo "<button type='button' class='btn btn-secondary' data-dismiss='modal'>Close</button>";
        echo "<button type='button' class='btn btn-primary'>Save changes</button>";
        echo "</div>";
        echo "</div>";
        echo "</div>";
        echo "</div>";
    }
 ?>
 

Код для контроллеров

 public function fetchDetails($id)
    {
        $this->db->where('id',$id);
        $query = $this->db->query("SELECT * FROM services_offered");
        return $query->result();
    }
 

Вы должны указать модальный идентификатор для каждого модального или служб, идентификатор должен быть уникальным для каждой службы.

укажите идентификатор кнопки

 echo "<a href='fetchDetails' class='button-link border-0 color btn-edit' data-toggle='modal' data-target='#idmodal'>Read More</a>";
           
 

и дайте модальному также тот же идентификатор

 echo "<div class='modal fade' id='idmodal' tabindex='-1' aria-labelledby='exampleModalLabel' aria-hidden='true'>";
 

вы можете использовать идентификатор службы в своей базе данных или присвоить ей уникальное имя, убедитесь, что кнопка и модальный имеют одинаковый идентификатор.