Chapter 8 Delete a Row (data) in your Database

In this chapter, you’ll learn how to allow users to delete a row of data from your internal NoCode database using a button and a background task.

5 min

Add a Button to Trigger the Deletion

Start by dragging and dropping a Button component onto your page.

This button will be used to trigger the delete action.

Once added, a new tab named FlowButton1 will appear at the top of the Studio. This tab is where you’ll define the logic executed when the button is clicked.

Add the Delete Task to the Flow Button

Go to the FlowButton1 tab.

From the Background Tasks section in the component library, drag and drop the Delete a Row in the NoCode Database component into the flow.

This will create a Generic Task.

Configure the Delete Task

Click on the Generic Task component you just added.

  • In the Configuration tab:
    • Select your internal database.
    • Choose the appropriate table from which you want to delete the data.

Identify the Row to Delete

Switch to the Identifier tab in the Generic Task configuration.

Here, you’ll define which row should be deleted:

  • On the right side (Page Explorer), locate your DataGrid component (e.g., grid1).
  • Drag and drop the grid into the Identifier section.
  • Click on the component that was added and select the ID column of your table.
  • In the Value field, select the ID of the selected row (this is what tells the system which row to delete).
Important: The correct configuration of this ID is essential. It ensures that only the selected row is deleted.