How to add Delete Functionality Inside a Modal

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

Here’s a way to add the delete functionality inside an edit popup modal. 

Step 1

Create a table with an “Edit” link.

Step 2

Add a custom component to the edit page. 

Step 3

Add custom code to the template and JavaScript.

Template

{{#each records}}

    </br>

    <p style="display:none;" id="id">{{id}}</p>

    <button class="btn btn-danger pull-left" id="delete"> Delete Record </button>

{{/each}}

JavaScript

document.getElementById("delete").onclick = async function() {
    if (confirm("Are you sure you want to delete this session")) {
        var i = document.getElementById("id").innerText
        await deleteRecord("4YZjnDNPvl", i); // In this part add your delete function
        location.reload();

    }
};

Original Community Post:

How to add Delete Functionality inside a modal! - Community Discussions / Tips and Tricks - Tadabase Community