11
Views
3
Comments
Solved
[OutSystems Data Grid] Opening a Popup for Notes Column in Data Grid (Editable and Saveable)
outsystems-data-grid
Reactive icon
Forge asset by OutSystems

Hi everyone,

I’m currently trying to set up a Data Grid where clicking on a specific column (called "Notes" – an action column) opens a popup window. This popup should display a text area for notes related to the clicked row. However, I'm already struggling to get the popup to open. Here's what I’ve tried:

  • I created a Click event for the column and set a local boolean variable to true to trigger the popup. But for some reason, the popup doesn't open. Are there any specific behaviors or considerations for triggering a popup from a Data Grid's click event?


Additionally:

  • My ultimate goal is to make the notes field in the popup editable. Is there any way to bind the text field back to the grid's row data so that the updated text is saved when the popup is closed? If so, how can I achieve this functionality?

I've added a sample oml in the attachments. I’d appreciate any tips or guidance you might have. Thanks a lot in advance! 😊

Best regards

GridSample.oml
2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi,

As Max mentioned, the first issue is that no default value is set, so the link can’t be accessed. My approach is to use JavaScript in the grid’s OnInitialize event to check if the value is empty and replace it with a fixed text like “Notes.” This runs both when the grid initializes and when a new row is added. 

The second issue is the missing connection between the clicked row and the selected data. Right now, clicking the link only gives you the JSON for that row. You need to deserialize it, store it in a local variable, and then open the popup with that variable. 

In the popup, there wasn’t any input field, so I added one and bound it to the local variable. For the save logic, I created a wrapper around the update action and passed the local variable through it. 


GridSample_updated2.oml
UserImage.jpg
T S

As always, works like a charme! Thank you!

2024-04-03 15-32-55
Maxwell Mckinnon

Hi TS hope you're well, i just had a look at your OML and managed to get it working...

I found the same issue as you where it wasnt working. I manually forced text into the Notes attribute of your Data table, so it would appear in the DataGrid on screen. It looks like datagrid makes the text have a link, and this is where the ActionColumnClickEvent is triggered. 

If i was you, when clicking Add Row add some dummy text here, so it'll appear in the box, or enclose this column item in a link where you can add your logic which should trigger when clicking the column without data.

Hope this helps.

Max

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi,

As Max mentioned, the first issue is that no default value is set, so the link can’t be accessed. My approach is to use JavaScript in the grid’s OnInitialize event to check if the value is empty and replace it with a fixed text like “Notes.” This runs both when the grid initializes and when a new row is added. 

The second issue is the missing connection between the clicked row and the selected data. Right now, clicking the link only gives you the JSON for that row. You need to deserialize it, store it in a local variable, and then open the popup with that variable. 

In the popup, there wasn’t any input field, so I added one and bound it to the local variable. For the save logic, I created a wrapper around the update action and passed the local variable through it. 


GridSample_updated2.oml
UserImage.jpg
T S

As always, works like a charme! Thank you!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.