qq_28830129的博客

Kendo UI框架提供了强大的Excel导出功能，通过Grid的saveAsExcel能方便地导出Grid中的数据，而且格式美观大方，使用起来也非常方便。但是在实际使用中不是很理想，主要有以下两个问题： 1. 导出的列数据是原始值 Kendo UI默认导出的是该列的value值，及查出来的值，有时候我们会用template渲染一下导出的列，比如将“Y”显示成“是”，把“N”显示成“否”。而Kendo UI导出的却是Y/N这种只有程序员看得懂的数据库标识，显然不是我们需要的，这种情况非常常见。 2. 不能灵活控制可导出的列 Kendo UI的Excel导出主要看两点，一是该列（column）是field字段，而不是自定义的name;二是该列不是隐藏的（hidden:true）。这样我们无法灵活导出我们需要的列。 为了解决上面两个问题，我查看了Kendo UI的源代码，提取并改进了源代码。主要更改点及使用方法请看下面源代码。主要针对以上两点做了更改，只需要在grid定义columns时加上isExport或exportTemplate即可： 在导出数据，先看该列有没有自定义exportTemplate()，没有则看Kendo UI自带的template()，再没有才会导出查出来的值。 判断是否导出该列不再看hidden属性，而是看列的isExport属性，如果为false则不导出，其它情况一律导出该列。 经过这两个更改，基本可以应对所有业务场景，可以方便快捷地开发了！ 但要注意，Kendo UI自带的导出功能无法应用于导出大量数据，似乎是浏览器的jvm溢出了，建议超过5万条的数据导出还是老老实实写后台导出功能吧。。