`
wolfandlili
  • 浏览: 77433 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

js实现ext grid导出到excel

阅读更多

将grid作为参数传入以下函数即可:


function outputAddress(grid){

    try {
        var xls = new ActiveXObject("Excel.Application");
    } 
    catch (e) {
        alert("要打印该表,您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。 请点击【帮助】了解浏览器设置方法!");
        //return "";
    }
	
    xls.visible = true; //设置excel为可见 
    var xlBook = xls.Workbooks.Add;
    var xlSheet = xlBook.Worksheets(1);
    
    var cm = grid.getColumnModel();
    var colCount = cm.getColumnCount();
    var temp_obj = [];
    //只下载没有隐藏的列(isHidden()为true表示隐藏,其他都为显示) 
    //临时数组,存放所有当前显示列的下标 
    for (i = 1; i < colCount; i++) {
        if (cm.isHidden(i) == true) {
        }
        else {
            temp_obj.push(i);
        }
    }
    for (i = 1; i <= temp_obj.length - 2; i++) {
        //显示列的列标题 
        xlSheet.Cells(1, i).Value = cm.getColumnHeader(temp_obj[i - 1]);
    }
    var store = grid.getStore();
    var recordCount = store.getCount();
    var view = grid.getView();
    for (i = 1; i <= recordCount; i++) {
        for (j = 1; j <= temp_obj.length; j++) {
            //EXCEL数据从第二行开始,故row = i + 1; 
            xlSheet.Cells(i + 1, j).Value = view.getCell(i - 1, temp_obj[j - 1]).innerText;
        }
    }
    xlSheet.Columns.AutoFit;
    xls.ActiveWindow.Zoom = 75
    xls.UserControl = true; //很重要,不能省略,不然会出问题 意思是excel交由用户控制 
    xls = null;
    xlBook = null;
    xlSheet = null;
}

 

分享到:
评论

相关推荐

    Ext Grid 导出Excel

    总结来说,"Ext Grid 导出Excel"这个话题涵盖了从JavaScript数据结构到Excel文件格式转换的过程,涉及到的主要技术有Ext JS的Grid和Store组件,以及第三方库SheetJS。这个过程对于那些需要提供数据导出功能的Web应用...

    ext grid 导出 excel

    综上所述,EXT Grid导出Excel涉及到的技术主要包括EXT Grid的数据操作、XLSX.js库的使用、自定义按钮和事件处理、文件下载触发机制以及可能的样式转换和性能优化。通过这些技术,我们可以实现EXT Grid数据的便捷导出...

    Ext grid 导出Excel

    "Ext grid 导出Excel"是一个常见需求,它涉及到了JavaScript库Ext JS中的数据网格组件(Ext Grid)与Microsoft Excel文件格式的交互。下面我们将深入探讨这个主题。 首先,Ext JS是一个强大的JavaScript UI框架,它...

    jsp 实现的 EXT Grid 导出excel 例子

    总的来说,这个JSP实现的EXT Grid导出Excel例子是一个实用且常见的Web开发需求,它涉及到EXT JS的使用、AJAX通信、服务器端处理以及文件下载等多个技术点。通过这个例子,开发者可以学习到如何将前端的动态数据有效...

    EXT grid导出EXCEL

    EXT Grid导出Excel功能的核心是利用浏览器的Blob对象和FileSaver.js库。Blob对象可以用来存储二进制数据,而FileSaver.js则提供了在用户本地保存文件的能力。首先,我们需要确保EXT Grid的数据已经加载完成并且正确...

    Ext Grid导出Excel

    总的来说,“Ext Grid导出Excel”涉及了前端JavaScript编程、数据处理、文件格式理解以及可能的服务器端协作。理解并掌握这些技术,可以帮助开发者提供更强大的数据工具,满足用户对数据管理的需求。

    extgrid导出excel

    "extgrid导出excel"这个主题是关于如何将ExtJS中的数据网格(Ext Grid)的数据导出到Excel文件中,方便用户进行数据管理和分析。 首先,让我们深入了解一下Ext Grid。Ext Grid是一种用于展示和操作大量结构化数据的...

    ext grid 导出excel 代码实例

    在EXT Grid中,导出数据...以上就是EXT Grid导出Excel的基本流程和技术要点。在"engierManger"这个项目中,你可能需要结合具体的业务逻辑和代码实现这个功能。记住,始终要关注用户体验,确保导出过程快速且用户友好。

    ext实现导出excel的功能。

    在EXTJS这个强大的JavaScript框架中,实现导出Excel功能是一项常见的需求。EXTJS提供了一种高效的方法来将数据导出到Excel格式,使得用户能够方便地处理和分析数据。在这个场景下,我们可以从以下几个关键知识点入手...

    EXTgrid导出excel

    总的来说,“EXTgrid导出excel”是一个实用的功能,通过JavaScript和相关的库,可以方便地实现EXTgrid数据与Excel之间的转换,为用户提供更灵活的数据操作方式。对于开发人员来说,理解这个过程可以帮助优化和扩展这...

    Ext Grid数据导出到Excel

    Ext.ptx.SlideMsg.msg("信息提示", "导出Excel成功!"); }, failure: function(response, request) { Ext.getBody().unmask(); Ext.MessageBox.alert("出现异常", response.responseText); } }); } ``` ### 3...

    从Ext grid导出Excel的代码和方法

    在本篇文章中,我们将探讨如何利用Ext Grid,一个强大的JavaScript组件库,来实现从数据网格导出到Excel的功能。Ext Grid是Sencha Ext JS框架的一部分,它提供了丰富的功能来展示和操作数据。 首先,我们需要了解`...

    extjs grid数据导出excel文件

    总结来说,EXTJS Grid的数据导出到Excel是通过获取Grid数据、转换数据格式、利用SheetJS创建Excel文件,并最终提供下载链接来实现的。这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。...

    ext 4.2 grid导出excel 文件

    标题"ext 4.2 grid导出excel 文件"指的是使用Ext JS 4.2版本的grid组件功能,将其中的数据转换成Excel格式,这样用户就可以方便地下载和处理。这个过程通常涉及到JavaScript、服务器端支持以及可能的文件处理库。 ...

    ExtJs grid导出Excel

    ExtJs 4.2版本提供了内置的`Ext.grid.feature.Exporter`插件,它允许你直接从Grid导出数据到CSV或Excel格式。以下是使用此方法的步骤: 1. 在Grid配置中,添加`Exporter`插件。你需要指定导出的类型(如'csv'或'...

    EXTJS Grid导出Excel

    以上就是EXTJS Grid导出Excel的基本流程。在实际应用中,我们可能还需要考虑数据格式化、样式设置、错误处理等细节问题,以提供更好的用户体验。同时,由于EXTJS版本更新频繁,不同版本的EXTJS Grid导出功能可能会...

    Extjs4前台前台grid导出excel

    总结一下,实现ExtJS4前台Grid导出Excel的功能主要涉及以下几个步骤: 1. 获取Grid的数据。 2. 使用SheetJS库将数据转换为Excel格式。 3. 设置工作簿的元数据,如表头和列宽。 4. 将工作簿写入Blob对象,然后通过`...

    EXT导出Excel代码demo

    在这个"EXT导出Excel代码demo"中,我们将探讨如何使用EXT 3.3实现将数据导出到Excel文件的功能。 在EXT应用中,导出数据到Excel通常涉及到以下几个关键步骤: 1. 数据准备:首先,你需要收集并格式化要导出的数据...

    普通方式和Ext方式导出Excel代码

    在Ext中,导出Excel通常涉及到数据转换和浏览器的Blob对象。首先,你需要将Ext Grid Panel中的数据转换为适合Excel的格式,这可能涉及遍历Store中的记录并构造二维数组。然后,你可以使用JavaScript的Blob API创建一...

    Ext 中实现Excel导出

    根据给定的信息,本文将详细解释如何在Ext框架中实现Excel导出功能。这涉及到从前台界面设计到后端数据处理的多个环节。下面将依次介绍相关知识点。 ### 一、Ext简介 Ext是一个用于构建交互式Web应用程序的...

Global site tag (gtag.js) - Google Analytics