加载动画图片实现

Loading Animation Image Implementation

我有以下实现，它可以正常工作。但是我想添加一个设置为 4 秒的加载动画。

requestStart: function () {
 kendo.ui.progress($("#loading"), true);
},
requestEnd: function () {
  kendo.ui.progress($("#loading"), false);
}

CURRENT IMPLEMENTATION

我遇到了以下 fiddle，但是我无法找到使它起作用的方法。

您需要延迟读取数据4秒：

var theDataSource = new kendo.data.DataSource({
    transport: {
         read: function (op) {
             setTimeout(function () {
                 op.success(data);
             }, 4000);
         }
    },
    group: {
        field: "series"
    },
    sort: {
         field: "category",
         dir: "asc"
     },
     requestStart: function () {
        kendo.ui.progress($("#loading"), true);
      },
     requestEnd: function () {
          kendo.ui.progress($("#loading"), false);
     }
});

已更新DEMO