Удалить проверенные элементы из HTML-таблицы начальной загрузки и базы данных PostgreSQL - PullRequest
0 голосов
/ 17 октября 2018

У меня есть HTML-таблица (начальная загрузка) с флажками и кнопкой удаления, и я пытаюсь удалить выбранные записи из таблицы, а также из базы данных.Ниже приведен код, который есть, не совсем уверен, что отсутствует.

<h2>{% block title %}Customers{% endblock %}</h2>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> 

<table id="eventsTable"
   data-toggle="table"
   data-height="300"
   data-pagination="true"
   data-search="true"
   data-show-refresh="true"
   data-show-toggle="true"
   data-show-columns="true"
   data-toolbar="#toolbar">
<thead>
<tr>
    <th data-field="state" data-checkbox="true"></th>
    <th data-field="Name" data-sortable="true">Name</th>
    <th data-field="Description">Description</th>
    <th data-field="Comments">Comments</th>
</tr>
</thead>
<tbody>
  {% for customer in customers %}
    <tr id="tr-id-2" class="tr-class-2">
      <td>{{ store.name }}</td>
      <td>{{ store.description }}</td>
      <td>{{ store.comments }}</td>
    </tr>
  {% endfor %}
</tbody> 

<button id="deleteRecord">Delete</button>
Здесь я собираю отмеченные флажки, используя check.bs.table

<script>

    var checkedRows = [];

    $('#eventsTable').on('check.bs.table', function (e, row) {
    checkedRows.push({id: row.id});
    console.log(checkedRows);
    });

    $('#eventsTable').on('uncheck.bs.table', function (e, row) {
    $.each(checkedRows, function(index, value) {
        if (value.id === row.id) {
        checkedRows.splice(index,1);
        }
    });
    console.log(checkedRows);
    });
I'mМожно распечатать список идентификаторов строк на консоли, однако приведенный ниже код, где я мог сделать что-то неправильно?

    $(document).ready(function(){
        $('#deleteRecord').click(function(){
            $("#eventsTable input:checkedRows").each(function(){
                    $(this).closest('tr').remove();
                return false;  

            })
        });
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...