繁体   English   中英

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

[英]By using kendo how to export the grid data to any one of the following files (csv,excel ,Pdf)

我使用远程数据将数据填充到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

遗憾的是,没有任何内置功能可用于导出网格。

如果您使用的是ASP.NET MVC,那么有一个代码库示例可以演示这一点,但如果您不使用MVC,我不知道。 根据一些论坛答案,他们没有计划建立我不喜欢的这个,并希望我们用户可以投票支持这个功能。

这里是一个链接 ,可能是帮助它显示如何导出一个JSON响应CVS。

所以你想要做的是获取网格的数据源并调用.toJson这样的东西

      var mydata= $("#grid").data("kendoGrid").dataSource.data().toJson();

然后将其传递给我提供的链接中的函数

另请注意:如果要包含过滤和分页,可能需要获取数据源的视图,至少我认为。 视图将是dataSource.view()

希望这可以帮助。

在github上我有一个项目,允许您将网格下载到CSV: Kendo Grid CSV Export

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM