How to Add Custom Buttons and Popup Links in Joget DX Spreadsheet Elements
Joget DX's built-in Spreadsheet Element supports tabular data entry inside forms but limits standard columns to basic text or dropdown inputs by default. Developers can extend this by supplying custom Handsontable renderer functions directly within column properties in the Form Builder. Two practical use cases are demonstrated: adding a row-level delete button that removes entries from the underlying data model, and rendering clickable cell links that open detailed records inside Joget's modal popup dialog. Both renderers are configured by pasting JavaScript snippets into the Custom Renderer field of the target column's properties. Key techniques include using hotInstance.alter to manipulate rows and UI.showPopup to trigger Joget's native dialog wrapper.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in