Экспорт Kendo UI Grid в Excel не работает - PullRequest
Новая
       13

Экспорт Kendo UI Grid в Excel не работает

0 голосов
/ 09 апреля 2019

У меня была похожая проблема, как эта, почему моя кнопка экспорта excel не работает? что не так с этим. Спасибо за помощь. 

$("#grid").kendoGrid({
  toolbar: ["create", "excel", "pdf"],
  excel: {
    		fileName: "Test.xlsx",
        allPages: true
    },
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33},
    ],
    schema: {
      model: { id: "id" }
    }
  },
  editable: true
});
.k-grid-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.k-grid-toolbar .k-grid-excel {
    margin-left: auto;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/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/2019.1.220/js/kendo.all.min.js"></script>
  

</head>
<body>
  
<div id="grid"></div>

</body>
</html>

1 Ответ

2 голосов
/ 09 апреля 2019

Если бы вы проверили консоль браузера, вы бы увидели, что Kendo пропускает некоторые библиотеки. «Чтобы в полной мере воспользоваться функцией экспорта в Excel, загрузите библиотеку JSZip и включите файл перед файлами JavaScript Kendo UI, как показано ниже»: https://docs.telerik.com/kendo-ui/framework/excel/introduction#requirements

...