Biểu đồ KendoUI - làm cách nào để hiển thị hoạt ảnh trong khi tải dữ liệu?

Question

Tôi có biểu đồ KendoUI được tạo bằng JavaScript. Có cách nào để xóa các plotArea với một lệnh? Với mục đích hiển thị hình ảnh "Đang tải ..." trong khi chờ DataSource đọc dữ liệu từ xa.

Cảm ơn

Answer 1

Hiển thị và ẩn các hình ảnh động tải là:

// Display progress 
kendo.ui.progress($("#loading"), true); 

// Hide progress 
kendo.ui.progress($("#loading"), false); 

Sau đó, bạn nên sử dụng requestStart và requestEnd sự kiện trong DataSource cho biết khi nào để hiển thị hoặc ẩn các hình ảnh động tiến bộ.

Các DataSource của bảng xếp hạng sẽ là:

dataSource : { 
    transport : { 
     read: { 
      url:... 
     } 
    }, 
    sort  : { 
     field: "year", 
     dir : "asc" 
    }, 
    requestStart: function() { 
     kendo.ui.progress($("#loading"), true); 
    }, 
    requestEnd : function() { 
     kendo.ui.progress($("#loading"), false); 

    } 
}, 

Ví dụ ở đây: http://jsfiddle.net/OnaBai/kcptr/