如何在KendoUI自动完成中显示加载图像

Question

我有以下自动填充代码。

$("#input").kendoAutoComplete({
        minLength: 4,
        dataTextField: "ProductName",
        template: kendo.template($('#productAutoCompleteTemplate').html()),
        dataSource: {
            serverFiltering: true,
            data: "json",
            transport: {
                read: {
                    url: productSearchUrl,
                    dataType: "json",
                    type: "post"
                },
                parameterMap: function(data) {
                    return {
                        searchText: $('input.txtProductText', $panelBar.select()).val()
                    };
                }
            }

        },
        select: onProductSelected
    });

自动完成工作正常。但我需要显示加载图像，直到从服务器检索数据。如何使用KendoUI自动完成功能实现此功能？

Answer 1

您可以借助dataSource events requestStart and requestEnd轻松完成此操作。你可以分别显示（）和隐藏（）你的加载gif或你的加载动画。