I have a lightbox that queries a collection and populates a table which is linked to a dataset. When a user selects a row in the table, I want to open a second lightbox “Delete Verification” asking the user to confirm deleting the item. The user selects either a Yes button or a No button which closes the “Delete Verification” lightbox and sets a data variable called “confirmed” to a value of either “yes” or “no”.
Then, the first lightbox checks this return value and if “yes” it calls the dataset1.remove function.
The problem is the “Delete Verification” lightbox does not open. Here is the pertinent code. Note: the “Delete Verification” lightbox is called from several pages and it works fine. It just doesn’t open when called from this particular lightbox.
export function table1_rowSelect(event) {
//delete the selected row
let tableRowIndex = event.rowIndex;
console.log("tableRowIndex = " + tableRowIndex); // 2 if the third row selected
//ask user to confirm before deleting the item
$w(“#dataset1”).setCurrentItemIndex(tableRowIndex) // sets the dataset rowIndex
.then( () => {
console.log(“open the lightbox asking user to confirm deletion”);
(wixWindow.lightbox.open(“Delete Verification”)) //########## THIS LIGHTBOX DOES NOT OPEN #########
.then( (data) => {
let userAction = data.confirmed;
console.log(“userAction = " + userAction);
if (userAction === “yes”) {
$w(”#dataset1").remove();
}
})
} );
}