jquery - 将 Kendo Ui 加载指示器与 dataviz 一起使用

Question

我在使用 Kendo UI Dataviz 时遇到了一点问题。

渲染大约需要 15-20 秒，所以我必须显示一个加载指示器。

剑道说要使用 kendo.ui.progress ( http ://docs.kendoui.c​​om/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>

有人有想法吗？

提前致谢

Answer 1

好吧，我发现了问题...

当我调用 kendo.ui.progress 函数时，图表的 div 尚未创建。

我不得不用准备好的 jquery 来推迟它：

$(document).ready(function () {

    var ajaxContainer = $("#chart");

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

});