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

xxxxxxxxxx

{{#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

xxxxxxxxxx

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