Используйте индикатор загрузки Kendo Ui с визуализацией данных

У меня небольшая проблема с использованием Kendo UI Dataviz.

Рендеринг занимает около 15-20 секунд, поэтому я должен показать индикатор загрузки.

Кендо говорит использовать kendo.ui.progress (http://docs.kendoui.com/api/web/ui).

Он хорошо работает для любого div, но не для Datawiz... Я не могу заставить его работать... Он ничего не делает...

Вот мой код:

<div class="chart-wrapper">
    @(Html.Kendo().Chart<SerialisableCustomer>()
        .Name("chart")
        .Title("Répartition du CA généré par les agences")
        .(dataSource =>
        {
            ....
        })
</div>
<script>
    var ajaxContainer = $("#chart");

    // show loading overlay
    kendo.ui.progress(ajaxContainer, true);

    // hide loading overlay
    //kendo.ui.progress(ajaxContainer, false);

</script>

У кого-нибудь есть идея?

заранее спасибо


jquery asp.net-mvc-4 kendo-ui kendo-asp.net-mvc kendo-dataviz
person Sebastos    schedule 28.10.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Хорошо, я нашел проблему ...

Раздел диаграммы еще не был создан, когда я вызвал функцию kendo.ui.progress.

Мне пришлось отложить это с готовым jquery:

$(document).ready(function () {

    var ajaxContainer = $("#chart");

    // show loading overlay
    kendo.ui.progress(ajaxContainer, true);

});
person Sebastos    schedule 30.10.2013