У меня есть 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>