After much work and effort, I have implemented the following functionality:
1.) I have successfully developed a JavaScript function that extracts the IDs of the items from the database, using checkbox selection in DataTables:
function () {
// count check used for checking selected items.
var count = table.rows( { selected: true } ).count();
// Count check.
// Count must be greater than 0 to delete an item.
// if count <= 0, delete functionality won't continue.
if (count > 0) {
var data = table.rows( { selected: true } ).data();
var list = [];
for (var i=0; i < data.length ;i++){
// alert(data[i][2]);
list.push(data[i][2]);
}
var sData = list.join();
// alert(sData)
document.getElementById('delete_items_list').value = sData;
}
}
This function produces a result such as 1,2,5,7 based on the selected rows.
2.) I have stored these values within an <input type="hidden"> field.
Recently, I came across a solution for deleting data from a Django database using checkboxes, and I am intrigued by its potential application.
My assumption is that the integration should take place within the ListView I created. But how do I implement it such that clicking the "Delete selected items" button executes similarly to the provided answer?
I aspire to replicate the functionality seen in Django Admin when deleting items.
Here is a glimpse of my ListView: https://i.sstatic.net/xrSGO.png