我的kendogrid导出功能不能正常工作

Question

我想导出kendo网格数据，以按钮click.EXI上已经尝试过，它的工作，但它只导出一个页面数据和页脚也export.But我想导出没有页脚的总网格数据。

我的代码是

$("#btnExport").click(function(e) { 
    window.open('data:application/vnd.ms-excel,' + document.getElementById('grid').outerHTML.replace(/ /g, '%20')); 
    e.preventDefault(); 
}); 

Answer 1

你的代码是出口网格的outerHTML。这当然包括所有的HTML（页眉，页脚，数据等）。由于您已启用分页功能，网格HTML将仅包含当前的数据页面。

同样在检查你的小提琴之后，似乎你正在使用serverPaging，这意味着你没有所有的数据开始。如果要获取所有数据，则需要禁用serverPaging。然后通过遍历数据源的data（）方法的结果来创建网格的HTML。

$("#btnExport").click(function(e) { 

    var data = $("#grid").data("kendoGrid").dataSource.data(); 
    var result = "data:application/vnd.ms-excel,"; 

    result += "<table><tr><th>OrderID</th><th>Freight</th><th>Order Date</th><th>Ship Name</th><th>Ship City</th></tr>"; 

    for (var i = 0; i < data.length; i++) { 
     result += "<tr>"; 

     result += "<td>"; 
     result += data[i].OrderID; 
     result += "</td>"; 

     result += "<td>"; 
     result += data[i].Freight; 
     result += "</td>"; 

     result += "<td>"; 
     result += kendo.format("{0:MM/dd/yyyy}", data[i].OrderDate); 
     result += "</td>"; 

     result += "<td>"; 
     result += data[i].ShipName; 
     result += "</td>"; 

     result += "<td>"; 
     result += data[i].ShipCity; 
     result += "</td>"; 

     result += "</tr>"; 
    } 

    result += "</table>"; 
    window.open(result); 

    e.preventDefault(); 
}); 

这里是更新的jsfiddle：http://jsfiddle.net/SZBrt/4/