Как удалить или отредактировать данные из базы данных с помощью модема начальной загрузки - PullRequest
Новая
       23

Как удалить или отредактировать данные из базы данных с помощью модема начальной загрузки

1 голос
/ 27 апреля 2019

Так что я в основном хочу иметь возможность удалять студентов из базы данных, используя модальности начальной загрузки.кнопка удаления должна генерировать модальное подтверждение удаления.До сих пор я был в состоянии отобразить модальный, но я застрял в том, чтобы заставить его работать на самом деле. Как когда я нажимаю на кнопку «ОК» в модальном, ничего не происходит. Я знаю, что это связано с JavaScript, но я абсолютный новичок ввеб-разработка. Не могли бы вы мне помочь?(Кстати, я попробовал почти все решения, которые я нашел здесь, но ничего не помогло.)

Вот таблица в моем файле JSP, которая содержит кнопку «Удалить»: 

<table class="table table-striped table-hover" >
            <thead>
                <tr>
                    <th>
                        <span class="custom-checkbox">
                            <input type="checkbox" id="selectAll">
                            <label for="selectAll"></label>
                        </span>
                    </th>
                    <th>CNE</th>
                    <th>Nom</th>
                    <th>Prénom</th>
                    <th>Date de Naissance</th>
                    <th>Lieu de Naissance</th>
                    <th>Sexe</th>
                    <th>E-mail</th>
                    <th>N° Tel</th>
                    <th>Semestre</th>

                </tr>
            </thead>
            <tbody>

            <c:forEach items="${model.etudiants}"  var="e">

        <tr class="delete" data-id="${e.numEt }">
            <td>
                        <span class="custom-checkbox">
                            <input type="checkbox" id="checkbox1" name="options[]" value="1">
                            <label for="checkbox1"></label>
                        </span>
                    </td>
                <td><c:out value="${e.numEt}" /></td>
                <td><c:out value="${e.nomEt}" /></td>
                <td><c:out value="${e.prenomEt }" /></td>
                <td><c:out value="${e.dateNaiss}" /></td>
                <td><c:out value="${e.lieuNaiss}" /></td>
                <td><c:out value="${e.sexe}" /></td>
                <td><c:out value="${e.email}" /></td>
                <td><c:out value="${e.numTel}" /></td>
                <td><c:out value="${e.semestre}" /></td>
                <td>

                      <a href="#editEmployeeModal"   class="edit edit_data" id="${e.numEt }" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit">&#xE254;</i></a>  
                        <a href="#deleteEmployeeModal" data-target="deleteEmployeeModal" data-href="/AdministrationBachelor/delete.php?id=${e.numEt}" class="delete"  data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete">&#xE872;</i></a>


                    </td>


                </tr>

            </c:forEach>

            </tbody>
        </table>

Удалить Подтверждение модального:

     <div id="deleteEmployeeModal"  class="modal fade" tabindex="-1" role="dialog">

    <div class="modal-dialog">
        <div class="modal-content">

                <div class="modal-header">                      
                    <h4 class="modal-title">Supprimer Etudiant</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>

                <form method="post" action="delete.php">
                <div class="modal-body">

                      <input type="hidden" name="cne" id="cne" value=""/>               
                    <p>Êtes-vous sûrs de vouloir supprimer ces enregistrements?</p>
                    <p class="text-warning"><small>Cette action ne peut pas être annulée.</small></p>
                </div>

                <div class="modal-footer">
                    <button type="button"   class="btn btn-default" data-dismiss="modal" >Cancel</button> 
                <!--    <button  name="action" id="btnYes" class="btn btn-danger btn-ok" value="delete">Delete</button> -->
                <a class="btn btn-danger btn-ok">Delete</a>
                </div>
                </form>

        </div>

    </div>
</div>

js-код, который я пробовал: 

<script>

$('#deleteEmployeeModal').on('click', '.btn-ok', function(e) {
    $(this).find('.btn-ok').attr.('href',$(e.relatedTarget).data('href'));


});

</script>
...