I am having one of those ajax asynchronous problems. I have this function which accepts two parameters to send data to the server by jquery ajax. I know this can be done by using promises and callback functions but this is my specific problem.
function fillLightbox(id, text, callback)
{               
    // get json request of studyunit details
    $.ajax(
    { 
        type: 'GET', 
        url: 'updateExam', 
        data: 
        { 
            get_details: true,
            exam_code: text,
            event_id: id
        },
        dataType: 'json',
        success: callback
    });
}
That is my ajax request, then I have this function for an API:
scheduler.createGridView(
{
    name:"grid",
    fields:
    [    
        {id:"text", label:'Unit Code', sort:'str',  width:200},
        {id:"date", label:'Date', sort:'date', width:'*'},
        {id:"exam-title", label:'Title', sort:'str',  width:'*',
            template: function(start, end, ev)
            {
                fillLightbox(ev.id, ev.text, function(data)
                {
                       var title = data.title;
                       // i can get my data here..
                });
                return title; // how can I do this?
                }   
            }
    ]
});
My question is how can I modify the template function available in this API to be able to return the property. i.e. can I somehow pass a callback function there as well?
Please do not suggest async: false (This obviously works but lags on the browser)
EDIT: more details about Create Grid View template are found here: http://docs.dhtmlx.com/scheduler/grid_view.html#datatemplates
Thanks for your help
