Kendo UI Grid saveAsExcel

最新推荐文章于 2020-11-23 23:29:05 发布

置顶 Shuai丶

最新推荐文章于 2020-11-23 23:29:05 发布

阅读量1.5k

点赞数 1

分类专栏： java 文章标签： Kendo ui Grid saveAsExcel

java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Kendo UI_Grid Export to Excel ##Grid saveAsExcel

使用Grid控件将网页数据导出为Excel Grid saveAsExcel

使用Grid控件将网页数据导出为Excel Grid saveAsExcel

Kendo Ui控件,现在中文API几乎没有,对于好多刚入门的小伙伴来说非常困难.

如何使用Grid saveAsExcel?(我花了半天时间看了他的模板,没有做出来,偶然间看见了…)

官网资料源码

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>
</head>
<body>
  
<button id="export">Export to Excel</button>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
  ],
});
$("#export").click(function(e) {
    var grid = $("#grid").data("kendoGrid");
    grid.saveAsExcel();
});
</script>
</body>
</html>

** 我的总结** ；
第一步:导入js库

<script src="http://cdnjs.cloudflare.com/ajax/libs/jszip/2.4.0/jszip.js"></script>

第二步:添加按钮

<button id="export">导出数据l</button>

第三部:点击时间

$("#export").click(function(e) {
    var grid = $("#grid").data("kendoGrid");
    grid.saveAsExcel();
});
//注意:#export 为数据所在div的 ID

在这里插入图片描述最后实现效果!

初步能实现想要的结果,有什么问题欢迎大家随时留言.

Shuai丶

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Kendo UI Grid saveAsExcel

Kendo UI_Grid Export to Excel ##Grid saveAsExcel使用Grid控件将网页数据导出为Excel Grid saveAsExcel使用Grid控件将网页数据导出为Excel Grid saveAsExcelKendo Ui控件,现在中文API几乎没有,对于好多刚入门的小伙伴来说非常困难.如何使用Grid saveAsExcel?(我花...
复制链接

扫一扫