开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Kendo UI Angular 2 Grid Excel导出

问Kendo UI Angular 2 Grid Excel导出
EN

Stack Overflow用户

提问于 2016-12-01 12:20:44

回答 3查看 4K关注 0票数 8

我试图将excel导出功能添加到Kendo UI angular 2网格中，但在angular 2应用程序加载时出现错误：

Can't bind to 'toolbar' since it isn't a known property of 'kendo-grid'.

下面是我使用的代码片段：

<kendo-grid [data]="gridView" [height]="700" [pageSize]="pageSize"
                        [toolbar]="['excel']" 
                        [excel]="{fileName: 'Reprocessingdetails.xlsx'}"
                        [skip]="skip"
                          [pageable]="{
                            info: true,
                            type: 'input',
                            pageSizes: false,
                            previousNext: true
                          }"
                          [scrollable]="'none'"
                          (pageChange)="pageChange($event)"
                          [sortable]="{ mode: 'single', allowUnsort: true }"
                          [sort]="sort"
                          (sortChange)="reprocessingResultsSortChange($event)"
                        >
                <kendo-grid-column field="isSelected" title="Select">
                    <template kendoCellTemplate let-dataItem>
                        <input type="checkbox" [(ngModel)]="dataItem.isSelected" />
                    </template>
                </kendo-grid-column>
                <kendo-grid-column field="reprocessingType" title="Reprocessing Type">
                </kendo-grid-column>


            </kendo-grid>

在路线图中没有提到Excel导出功能，那么假设它已经存在是否公平呢？如果是这样，我如何让上面的代码片段工作呢？有什么帮助吗？

kendo-ui-angular2

EN

回答 3

Stack Overflow用户

发布于 2017-06-15 06:22:35

Excel Export现在是Kendo UI Grid的官方功能。它也可以单独使用，作为生成XLSX文件的a non-visual component。

票数 2

EN

Stack Overflow用户

发布于 2016-12-01 14:30:31

目前，Angular 2的Kendo UI网格不支持Excel导出。工具栏是通过当前使用ng-content投影内容的ToolbarComponent设置的。您可以在docs中查看所有这些内容

票数 0

EN

Stack Overflow用户

发布于 2018-08-09 16:08:42

添加了Excel导出功能(使用kendoGridExcelCommand)，示例可以在here中看到。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40910539

复制

相关文章

在ASP.NET MVC 4中使用Kendo UI Grid

asp.net mvc jquery

Kendo UI 是Telerik推出的一套based on jQuery 的 Framework，提供了很多控件(Menu 、Grid 、Combox等...)，底层以Html5 + jQuery 来打造，并且兼容于各大浏览器，包含IE7、IE8。相关介绍可以参考AJAX式数据清单的新选择-Kendo UI Grid。以下内容参考台湾的黑老大的文章：在ASP.NET MVC 4中使用Kendo UI Grid 建立一个ASP.NET MVC 4专案使用NuGet安装KendoUIWeb及Kendo

张善友

2018/01/22

3.3K0

在ASP.NET MVC 4中使用Kendo UI Grid

Angular中ui-grid的使用详解

　　在项目开发的过程中，产品经理往往会提出各种需求，以提高用户体验。最近，项目中用到的表格特别多，而且表格的列数和行数也超多。为了让用户浏览更爽，产品经理提出，当表格上下滚动时，表头固定，左右滚动时，表头随动。就这样一个看似十分easy的需求，我研究了一周时间，终于给实现了。

半指温柔乐

2018/09/11

2.1K0

Angular中ui-grid的使用详解

【Telerik和Kendo UI组件】上海道宁与progress为您提供Web、移动和桌面构建功能更丰富的现代体验

自动化测试 javascript

Progress是已经成立40多年的科技公司，是一家经验丰富、值得信赖的产品供应商。

51Component

2022/08/23

2.4K0

【Telerik和Kendo UI组件】上海道宁与progress为您提供Web、移动和桌面构建功能更丰富的现代体验

用于H5的移动开发框架

css jquery 网站 html5 移动开发

今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。.

javascript艺术

2021/05/28

5.2K0

JavaScript图表的数据可视化:比较D3和Kendo UI

D3和Kendo UI只是在web应用程序中创建图表的两种方式，选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎，两者都能完成工作。然而，相似之处到此为止，这两种方法代表了非常不同的方法，具有非常不同的特性。

程序你好

2018/09/29

11.9K0

JavaScript图表的数据可视化:比较D3和Kendo UI

/** * 导出数据为excel表格 *@param $data 一个二维数组,结构如同从数据库查出来的数组 *@param $title excel的第一行标题,一个数组,如果为空则没有标题 *@param $filename 下载的文件名 */ public static function exportexcel($data=array(),$title=array(),$filename='report'){ head

苦咖啡

2018/04/28

1.8K0

用于H5的移动开发框架

css jquery 网站 html5 移动开发

今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。.

用户7293182

2022/01/20

5K0

一、JS <script type="text/javascript"> $("#btnExport").click(function () { $("#searchForm").attr("action", "${ctx}/reserve/reserveCommoditySellDetail/findSellDetailListExport"); $("#searchForm").submit(); $("#searchForm").attr("ac

week

2018/08/24

4.2K0

Angular UI 组件

官网：https://valor-software.com/ngx-bootstrap/#/

用户2098522

2018/05/05

1.5K0

excel查找结果导出_excel数据怎么导出

php https java 网络安全 composer

由于PHPExcel早就停止更新维护，所以适用phpspreadsheet。不知道如何通过composer拉取项目包的同学，可以查看Composer学习一文。引入方法：

全栈程序员站长

2022/09/30

3.5K0

HTML5移动开发的10大移动APP开发框架

css jquery bootstrap 网站 html5

今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。.

全栈程序员站长

2022/06/24

6.7K0

HTML5移动开发的10大移动APP开发框架

前端导出 excel（基于 Blob.js 和 Export2Excel.js 做前端导出）

javascript npm http https github

也可以使用 cnpm 安装，在此区分一下 npm -i 与 npm install -s 与 - d 的区别

CRMEB商城源码

2022/06/06

12.6K0

这 5 个前端组件库，可以让你放弃 jQuery UI

编程算法 javascript jquery ui jquery 网站

在建立Web应用时，通常都需要用到一些有用的UI组件。无论应用中需要的是日历，滑块，图形或其它用于提升或简化用户交互的组件，那么都面临两种选择：要么自己来创建这些组件，要么使用现有的组件功能。

葡萄城控件

2022/05/09

5.3K0

这 5 个前端组件库，可以让你放弃 jQuery UI

基于 Angular Material 的 Data Grid 设计实现

距离 Extensions Data Grid 重构已经过去了两个多月，因工作忙碌而迟迟没有介绍 Extensions Data Grid 的细节。这几天又重构了一下官网示例，目前的 API 文档放在了 gitbook 上，暂时还没有和官网整合，国内访问会比较慢。本文会介绍 Data Grid 的使用方法及比较好的一些功能实现。说点题外话，开发一款插件最大的难度不在于功能的实现，而在于如何去设计插件。

叙帝利

2020/06/29

5.1K0

基于 Angular Material 的 Data Grid 设计实现

EasyPoi导出Excel

这几天一直在忙工作中的事情,在工作中有一个问题,可能是因为刚开始接触这个EasyPoi,对其也没有太多的理解,在项目中就使用了,有一个需求,是要导出项目中所有的表格,今天就对这个需求进行分析和实现吧;

彼岸舞

2020/09/30

2.6K1

api jar excel poi xlsx

后面一个方法生成的是xlsx格式，03版本的工作簿支持的条数较少，如果数量比较大，可以选择导出xlsx格式的,主要就是导入的jar不同。

河岸飞流

2019/09/11

4K0

Golang 导出Excel

csv encoding func package xls

func main() { f, err := os.Create("haha2.xls") if err != nil { panic(err) } defer f.Close()

好派笔记

2021/11/01

1.4K0

移动端手势的七个事件库

http https 网络安全 jquery 开源

1：GMU:http://cloudajs.org/ui/brand/gmu GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! http://gmu.b

王小婷

2018/06/01

4.6K0

/** * 导出数据为excel表格 *@param $data 一个二维数组,结构如同从数据库查出来的数组 *@param $title excel的第一行标题,一个数组,如果为空则没有标题 *@param $filename 下载的文件名 *@examlpe $stu = M ('User'); $arr = $stu -> select(); exportexcel($arr,array('id','账户','密码','昵称'

joshua317

2018/04/10

1.3K0

点击加载更多

相似问题

Telerik Kendo UI Grid自定义Excel导出

13

如何使用kendo UI Grid制作excel导出页眉

02

Kendo Grid Excel导出限制

16

问: Angular 2 Grid的Kendo UI是否具有导出功能(例如XSLX)？

10

将Angular Kendo UI网格导出到Excel

24

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例