Как заставить функцию выполняться только после завершения определенной функции? - PullRequest
1 голос
/ 07 мая 2011
Event.observe(document, 'dom:loaded', function() {

    new Ajax.Request('/HumblFin/Serv', {
        method:'get',
        onSuccess: function(transport){
            var data = transport.responseText.evalJSON();
            drawChart(data);
        },
        onFailure: function(){ alert('Something went wrong...') }
    });


function drawChart(data)
{

     for (var i = 0; i < data.jobs.length; i++)  { 
         priceData.push([i, data.jobs[i].INCPU]);
         dateData.push(data.jobs[i].Dater);

        }
}

В дальнейшем после завершения метода drawchart(data) я хочу выполнить приведенный ниже код но, к сожалению, функция HumbleFinance.init вызывается с пустыми данными.

Скажите, пожалуйста, как решить эту проблему. Я не могу поместить приведенный ниже код в функцию drawChart (data)

HumbleFinance.init('finance', priceData , dateData);
Event.observe(HumbleFinance.containers.summary, 'flotr:select', function (e) {

    var area = e.memo[0];
    xmin = Math.floor(area.x1);
    xmax = Math.ceil(area.x2);

    var date1 = dateData[xmin];
    var date2 = dateData[xmax];

    $('dateRange').update(dateData[xmin] + ' - ' + dateData[xmax]);

});
});

1 Ответ

0 голосов
/ 07 мая 2011

Ваш звонок на HumbleFinance.init() происходит до того, как вы получите ответ ajax и обработаете результаты данных. Вы должны убедиться, что обрабатываете свой ответ ajax, прежде чем вызывать это init. Для этого просто переместите вызов init в обратный вызов onSuccess после вызова метода drawChart.

<script>
Event.observe(document, 'dom:loaded', function() {

    new Ajax.Request('/HumblFin/Serv', {
        method:'get',
        onSuccess: function(transport){
            var data = transport.responseText.evalJSON();
            drawChart(data);

            //Put your HumbleFinance.init call here, 
            //after the priceData and dateData has been generated.
            HumbleFinance.init('finance', priceData , dateData);
        },
        onFailure: function(){ alert('Something went wrong...') }
    });

    Event.observe(HumbleFinance.containers.summary, 'flotr:select', function (e) {

        var area = e.memo[0];
        xmin = Math.floor(area.x1);
        xmax = Math.ceil(area.x2);

        var date1 = dateData[xmin];
        var date2 = dateData[xmax];

        $('dateRange').update(dateData[xmin] + ' - ' + dateData[xmax]);

    });
});
...