Menu

Post image 1
Post image 2
1 / 2
0

🛠️ Developer's Guide: Mastering Programmatic Row Injection in Joget Advance Grid

DEV Community·Explorer·21 days ago
#vpvFQNRI
Reading 0:00
15s threshold

Overview For developers building complex Joget applications, the Advance Grid (based on PQGrid) offers immense flexibility. While standard data entry is straightforward, there are scenarios—like generating monthly timesheets or project schedules—where you need to programmatically inject dozens of rows and perform real-time calculations. This guide dives deep into using JavaScript, Moment.js , and the PQGrid API to automate grid management. How It Works The technical implementation centers on a few core developer concepts: Date Iteration : Using moment.js to loop through a range. PQGrid DataModel Manipulation : Accessing the grid's internal dataModel to read and write cell values. Asynchronous Row Handling : Because UI triggers (like adding a row) take time to reflect in the DOM, we use Promises and setTimeout to ensure data is only written once the row exists. PQGrid Refresh : Manually updating the .pq-td-div and the underlying hidden textarea that Joget uses to persist grid data to the database.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More