javascript - 如何在 Kendo UI 自动完成中显示加载图像

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 Autocomplete 实现此功能？

Answer 1

您可以借助数据源 events requestStart and requestEnd 轻松完成此操作。您可以分别 show() 和 hide() 您的加载 gif 或任何加载动画。