16、Ext JS 应用额外功能扩展指南

Python

于 2025-07-11 16:53:53 发布

阅读量3

点赞数

CC 4.0 BY-SA版权

分类专栏：掌握Ext JS：从入门到精通文章标签： Ext JS 打印导出Excel

本文链接：https://blog.youkuaiyun.com/python/article/details/149384424

掌握Ext JS：从入门到精通专栏收录该内容

21 篇文章 ¥399.00 ¥499.90

订阅专栏

超级会员免费看

Ext JS 应用额外功能扩展指南

在 Ext JS 应用开发中，虽然其本身提供了强大的功能，但有时我们仍需要借助其他技术来实现一些非原生的功能，以满足用户更多的需求。本文将详细介绍如何为 Ext JS 应用添加诸如打印、导出到 Excel 和 PDF、创建图表以及将图表导出为图像和 PDF 等额外功能。

1. 为网格面板添加导出按钮

首先，我们要为网格面板的工具栏添加导出按钮，包括打印、导出为 PDF 和导出为 Excel 三个按钮。以下是具体的代码实现：

Ext.define('Packt.view.toolbar.AddEditDelete', {
    extend: 'Ext.toolbar.Toolbar',
    alias: 'widget.addeditdelete',
    items: [
        {
            xtype: 'tbseparator'
        },
        {
            xtype: 'button',
            text: 'Print',
            itemId: 'print',
            iconCls: 'print'
        },
        {
            xtype: 'button',
            text: 'Export to PDF',
            itemId: 'pdf',
            iconCls: 'pdf'
        },
        {
            xty