javascript - 通过使用剑道如何将网格数据导出到以下任何一个文件(csv,excel,Pdf)

标签 javascript html5-canvas kendo-ui

我正在使用远程数据将数据填充到 Kendogrid 中。那么是否可以使用 kendoUI 将网格中的数据导出到任何文件,如 csv、excel 和 pdf。

   <script>
    $(document).ready(function() {
                            $("#grid").kendoGrid({
                                dataSource: {
                                    type: "odata",
                                    transport: {
                                        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                                    },
                                    schema: {
                                        model: {
                                            fields: {
                                                OrderID: { type: "number" },
                                                Freight: { type: "number" },
                                                ShipName: { type: "string" },
                                                OrderDate: { type: "date" },
                                                ShipCity: { type: "string" }
                                            }
                                        }
                                    },
                                    pageSize: 10,
                                    serverPaging: true,
                                    serverFiltering: true,
                                    serverSorting: true
                                },
                                height: 250,
                                filterable: true,
                                sortable: true,
                                pageable: true,
                                columns: [{
                                        field:"OrderID",
                                        filterable: false
                                    },
                                    "Freight",
                                    {
                                        field: "OrderDate",
                                        title: "Order Date",
                                        width: 100,
                                        format: "{0:MM/dd/yyyy}"
                                    }, {
                                        field: "ShipName",
                                        title: "Ship Name",
                                        width: 200
                                    }, {
                                        field: "ShipCity",
                                        title: "Ship City"
                                    }
                                ]
                            });
                        });
                    </script>

最佳答案

Kendo UI 现在支持导出为 Excel 和 PDF。 http://demos.telerik.com/kendo-ui/grid/excel-export

关于javascript - 通过使用剑道如何将网格数据导出到以下任何一个文件(csv,excel,Pdf),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14472802/

相关文章:

javascript - 根据隐藏的输入类型在按钮单击时生成警报

javascript - 无法在 JavaScript Promise 中为变量设置正确的范围

javascript - module.exports 在哪里导出你的函数以及当我们仍然使用 require 将代码导入到你的模块时它有什么用

javascript - 在圆形路径上拖动 Canvas 元素

jquery - 填充 Kendo Read 数据源

kendo-ui - 如何更改 Kendo Grid 的背景颜色

javascript - 如何在捆绑的 Electron 应用程序中调用服务器相对 URL?

javascript - 背景图像本身的 CSS 渐变

javascript - 给定输入以绘制具有选定背景的矩形 Canvas

angularjs - Angular-Kendo ComboBox 占位符文本不起作用