Cách xóa tất cả các hàng khỏi lưới Kendo

Question

Tôi đang sử dụng Kendo grid.

Tôi muốn xóa tất cả các hàng khỏi Kendo grid bằng cách sử dụng JavaScript.

Tôi đã xóa chúng bằng vòng lặp for nhưng tôi muốn tìm cách tốt nhất để xóa tất cả các hàng.

Answer 1

thử mã sau.

$("#Grid").data('kendoGrid').dataSource.data([]); 

cho bản demo nhấp chuột here

Answer 2

Nếu bạn đang làm việc với Angualrjs, sau đó cố gắng làm theo mã này:

$scope.gridData.data([]); 

đâu gridData là k-data-source="gridData"

Answer 3

Điều đó không thực sự di chuyển dữ liệu cơ bản của lưới, nó chỉ xóa các hàng đang được hiển thị. Nếu bạn sắp xếp lưới "trống", tất cả các hàng sẽ xuất hiện lại dưới dạng dữ liệu cơ bản.

Nếu thay vì loại bỏ dữ liệu của bạn như thể hiện như thế này:

dataSource.data([]); 

và thay vào đó thay thế nó bằng một mảng dữ liệu mới, nói gọi result.Data .. như thế này:

dataSource.data(result.Data) 

bạn sẽ thấy trao đổi dữ liệu, nhưng nếu sắp xếp hoặc trang, một lần nữa dữ liệu gốc được hiển thị.

Bất cứ ai cũng biết làm thế nào để thực sự thay đổi dữ liệu và có các dữ liệu mới thay thế các nguồn dữ liệu của lưới điện?

UPDATE: Câu trả lời là để CŨNG sử dụng phương pháp setDataSource:

var grid = $("#grid").data("kendoGrid"); 
var dataSource = grid.dataSource; 
dataSource.data([]);//clear out old data 
dataSource.data(result.Data);//add new data 
grid.setDataSource(result.Data);//set the new data as the grids new datasource 
dataSource.sync();//refresh grid 

Answer 4

này làm việc tốt cho tôi.

var grid = $("#Grid").data("kendoGrid"); 
var newDataSource = new kendo.data.DataSource({ 
    data: [] 
}); 
grid.setDataSource(newDataSource);