Using dhx grid in scheduler lightbox

Scheduler Javascript
2

Hello @scaondhtmlx ,

Thank you for the detailed description of the issue and code fragments. The issue occurs because the var grid_role is defined in the setValue, and is non-accessible from the getValue (as it’s the same level scopes).

In order to avoid this issue, you can define the grid_role outside the getValue, so it will be accessible from both methods, as follows:

window.addEventListener("DOMContentLoaded", function(){

    var grid_role;
...
    set_value: function (node, value, ev) {
     grid_role = new dhx.Grid("grid_roles_ids", {

Here is the updated demo:

Using suite components inside the lightbox also requires initializing grid on each lightbox open(if you require different grids for each event), so you can use the following demo(describes adding suite calendar into the lightbox) as a code reference:

You can read more about its logic in the following topic:

1 Like