How to use a non dhtmlxScheduler lightbox

Scheduler Javascript
#1

I am integrating dhtmlxScheduler into an existing page.
The elements are as follows:

  1. Page
  2. Calendar
  3. Pop-up appointment details (a complex control integrated into our live production system)

At the moment I want to only replace number 2: the calendar. I’ve already got the calendar working (loading the existing data) and so far it opens the dhtmlxScheduler lightbox for the details.

I don’t want to replace the pop-up because it already works and it is very complex. To try and recreate it as a dhtmlxScheduler lightbox would blow the deadline I have to get it working.

So when a user requests details of the appointment, I’d like it to pass the data to the existing pop-up controller, then receive the data back when it’s saved. Is there already a way to do this?

#2

Well, I was originally doing it the wrong way. It’s an AngularJS page, and I discovered a tutorial on integrating dhtmlxScheduler into an AngularJS page: dhtmlx.com/blog/creating-event- … angularjs/

When you’re following it, beware that there are many minor bugs that you’ll have to fix along the way. The code does not work out of the box (or off the page).

In theory, you can get AngularJS to initialise the scheduler (working), load the data (working-ish), and get the changed data back (haven’t started this yet). So far, the data only loads on the first page. When I use the arrows to change to a different page, it doesn’t load any more data.

Eventually, (in theory), I’ll be able to use our existing pop-up directly from dhtmlxScheduler within AngularJS.