2016-02-25 1 views
0

Мое требование - показать индикатор выполнения кэндо, когда когда-либо звонит jQuery Ajax, а затем, как только я получил ответ Мне нужно закрыть ход. Ответ может быть успешным или ошибкой, но для обоих случаев мне нужно закрыть индикатор выполнения.Как реализовать панель прогресса Kendo для вызова jQuery Ajax?

Просьба привести любой пример.

Thanks in adavnce.

ответ

1

Пожалуйста, попробуйте следующий код, перед вызовом ajax начать прогресс бар и остановить прогресс бар в ajax complete, как она будет работать независимо от ответа приходят в success или error.

function StartProgessBar() { 
     kendo.ui.progress($("#progessbardiv"), true); //Here progess bar will intiate 
     $.ajax({ 
      type: "POST", 
      url: "", 
      data: "", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (data) { 
       //no need to close the progess bar here as we have handling it in complete 
      }, 
      error: function() { 
       ////nor need to close the progess bar here as we have handling it in complete 
      }, 
      complete: function() { 
       kendo.ui.progress($("#progessbardiv"), false); //close the progress bar 
      } 
     }); 
} 
+0

спасибо. можно ли дать какие-либо рабочие примеры, используя вышеприведенный код? – bagya

+0

@bagya проверить это http://fiddle.jshell.net/qy6sgmpq/14/. удалить 'setTimeout' с вашего фактического кода – shu

+0

Посмотрите эту скрипку. Он не работает в реальном коде. http://fiddle.jshell.net/5s9box71/1/. можете ли вы посоветовать это. – bagya