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 JS]Grid的列过滤 Ext JS的网格列过滤 网格的列过滤是指可以某列的值对网格中的数据进行过滤,相当于Excel的列的过滤功能。 Ext JS中Grid的列支持多种类型的过滤,包括输入值或是选择列表值进行过滤, 效果如下图: Ext JS列过滤的实现 Ext JS的Filter通过plugin的方式提供,在API中放在grid/filters目录中(不在grid/plugin中)。查看API的参考方式如下: 给Grid加过滤功能的步骤有两步: 在Grid中通过plugins添加过滤功能支持,配置如下: 阅读详情

相关推荐

EXT Grid实现Excel导出功能详解

在现代Web应用中,数据展示与导出功能已成为不可或缺的一部分。EXT Grid作为Ext JS框架中的核心组件,广泛用于构建企业级数据表格,具备强大的数据绑定、排序、筛选和分页能力。然而,用户往往不仅希望在界面上查看数据,还希望将这些数据导出为Excel格式,以便进行更深入的分析或报表制作。

weixin_35754676的博客 716

extjs导出Excel文档

extjs的excel导出

格局、视野、认知 3440

基于Ext JS实现Excel风格电子表格的Web应用开发

当 A1 改变,自动触发 C1 → D1 重新计算。使用正则提取依赖:再配上 A1 地址解析器:i++) {从此你的 Grid 真正拥有了“智能”!今天我们走完了 Ext JS Grid 的完整能力地图:数据层:Model + Store 构建可靠的数据底座;交互层:CellEditing + RowReorder 实现类 Excel 操作;智能层:自定义公式引擎赋予计算能力;集成层:SheetJS 实现 Excel 无缝对接。

weixin_42612405的博客 868

OpenHarmony启动链路与分区规划实战:从Bootloader到用户态

操作系统从按下电源键到进入桌面,背后依赖一条环环相扣的启动链路与精心规划的分区体系。任何一环缺失或配置错误,都可能导致黑屏、卡死或反复重启。本文从通用启动原理切入,梳理Bootloader加载、内核引导、init进程接管等关键阶段,结合OpenHarmony标准系统的实际分区表,深入解析各分区(如boot、system、vendor、userdata)在启动中的职责,并分享基于串口日志和fastboot命令的排障方法。通过理解分区表与启动流程的强耦合关系,开发者可以快速定位分区缺失、根文件系统挂载失败、分区

weixin_34161083的博客 289

Ext JS Excel前台导出

Ext JS Excel导出的前台代码 整了几天整出来了。希望有用。

Extjs4 grid 导出为Excel

Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='http://dev.sencha.com/deploy/ext-4.0.7-gpl/docs/resources/css/app.css' rel='stylesheet' type='text/css' /> [removed][removed] 在这里Ext的包是调用的网上的,可能打开时有点慢,可改为本地包!! download.png 文件为导出按钮,可更改为自己喜欢的图片

Ext grid 导出excel

<br /> <br />利用Ext grid显示前台数据,然后把前台数据进行Excel表导出,再导出报表的时候要求:<br />1、要把grid数据显示的表头信息导入Excel表<br />2、在导出Excle表的时候,可以进行选择,是进行勾选的导出,还是批量导出(勾选导出,根据勾选的记录导出,批量导出,全部导出),<br />3、在进行批量导出的时候,是分页显示还是显示成一页(sheet标签,在Excel表中用)<br /> <br />首先,准备数据,创建grid并把数据填充进去,这里我就不再多说,不

woshi_bobo2010 2319

Ext GridPanel导出Excel(改进)

将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2ExcelTool(); //listSet是GirdPanel的id data2Excel.export2Excel(Ext.getCmp('listSet'));

Extjs导出Grid数据到Excel

1、调用方式 var excel = new Ext.Excel({ gridId: 'gridId',--GridId sheetName: 'sheetName',--sheetName dsIndex:'oprDate','bizKey','custAbbr','refNo','amount','status','bizItemCn','registerOpA...

xcrxiaopang的博客 487

ext实现导出excel的功能。

可以选择字段导出,也可以排序导出。还可以导出当前页和导出所有的数据。

EXTJS Grid导出Excel

ExtJs Grid导出Excel实例源码,后台C#。有分页功能,却仍可实现导出后台所有记录的功能

extjs2.0 的导出功能

1.页面内容 index.jsp [code="java"] Column Layout Ext.onReady(function(){ Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var myData = [ ...

wanglu271991027的专栏 235

解决Android 14兼容性问题:NDK中arm64-v8a的正确配置方法

本文详细解析Android 14系统架构变化对NDK开发的影响,重点介绍arm64-v8a架构的正确配置方法。针对常见的兼容性问题如so库缺失、ABI不匹配等提供解决方案,并分享性能优化与自动化测试实践,助力开发者高效适配Android 14设备。

algae的博客 1221

ExtJS4.x Grid导出到Excel(详解)

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33892359的博客 246

反激开关电源变压器设计实例讲解(定明芳)

内容来自《反激变压器的设计》(定明芳主讲)。 定名芳老师主要讲了10步,最后应该还有一步,线径的选择已经绕制方式。这里进行了记录整理,把一些公式来源进行了推导。所有的设计都是基于理论计算。 1.确定电源规格 2.确定工作频率和最大占空比 3.计算匝比(利用伏秒平衡原则) 此处插入解释一下伏秒平衡,根源是磁通量平衡。该原则可以用来检查MOS管耐压是否够。 4.计算初级线圈峰值电流 基于CCM模式计算的。ip1是开关管要关闭时的峰值电流,ip2是开关管开始导通时的起始电流。因为时CCM模式,所以,ip

ydgd118的博客 5万+

论文解读——YOLOv11(目标检测)

YOLOv11提供了多种型号和功能,以满足不同应用场景的需求。对象检测对象检测是YOLOv11的基本功能之一。在训练时,YOLOv11能够检测图像中的对象,并输出对象的边界框和类别信息。这一功能在自动驾驶、智能安防等领域具有广泛应用。图像分割图像分割是YOLOv11的另一个重要功能。与对象检测不同,图像分割不仅检测对象的边界框,还能够对图像中的对象进行像素级别的分割。这使得YOLOv11在医疗影像分析、工业制造等领域具有更高的应用价值。姿态检测姿态检测是YOLOv11的一个独特功能。

qq_38220914的博客 4457

Ext的Grid导出为Excel 方法

转载的一个extjs的grid数据生成excel的好方法,这里面没有选择框,是将grid所有的数据转为excel。可以选择要输出的列,若你想自己选择某些行输出,只要做稍微的改动就可以了。这里面使用了js来调用ActiveX控件来生成Excel。 老外的方法:GridPanel to real Excel file(Only By IE5+,Windows,Office) What ? There...

zanchaow的专栏 977

从零配置到批量处理:FaceFusion 3.1完整使用指南(含hififace_256模型测试)

本文详细介绍了FaceFusion 3.1的完整使用指南,包括环境配置、模型选择(特别是hififace_256模型的深度测试)以及批量处理技巧。通过AI驱动的脸部替换技术,帮助用户高效实现高质量的面部处理,适用于影视制作、广告设计等多种场景。

weixin_29056865的博客 655

Ext Grid数据导出到excel

目前,写了一个将Grid的数据,导出到EXCEL的简单应用,本文中的一些常量,来自我的前一篇:《JS中,操作EXCEL时,常用的常量定义》,本代码需要EXT2.1支持,以下是具体代码实现:excel_app.js:/** *  * Microsoft Excel 应用,导出功能 * @author 张尧伟 zhangyw@icss.com.cn */Ext.na

ynzhangyao的专栏 4338

手把手教你学Simulink--基于未来出行解决方案的场景实例:电动飞行汽车(eVTOL)的动力系统建模与仿真

电动垂直起降飞行器零道路拥堵:三维空间飞行绿色低碳:全电驱动,零排放快速响应:城市内15分钟直达低噪音:相比直升机↓20dB📊 预测:2030年全球eVTOL市场规模将超300亿美元,中国、美国、欧洲加速适航认证。本文通过,构建了电动飞行汽车(eVTOL)动力系统高压电池系统建模电力电子(DC-DC、逆变器)实现PMSM电机+螺旋桨推进系统搭建完整飞行任务动态仿真性能KPI评估与优化。

MHD0815的博客 441

SAP Joule for Consultants 与 Joule for Developers 全面解读

SAP推出面向不同用户群体的Joule AI助手:开发者版(Joule for Developers)专注于编码提效,嵌入开发工具链辅助生成、重构和测试代码;顾问版(Joule for Consultants)聚焦业务场景,集成SAP云应用知识库,为咨询项目提供方案设计、差距分析和实施指引。两者共享AI底座但功能侧重点不同:开发者版优化技术开发流程,顾问版加速项目交付周期。典型应用场景包括制造业云转型方案制定和ABAP代码迁移,分别展示了两版本在业务决策支持和技术实施中的价值。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 542

JS下载EXT中指定grid中的数据到EXCEL中

传递要下载数据所在的grid给下面的函数,即可实现.如果只需要下载视图中的某几列,则请将不需要的列隐藏.隐藏必须要设置{dataIndex:...,header:...,sortable:true}此代码仍可修改,做到只下载选中的记录,而不是当前视图中的所有数据.修改相关说明(selModel为CheckboxSelectionModel):var obj = grid

tobyzhou的专栏 695

C# 与 PaddleOCR:一行代码实现高效图片文字识别的实战指南

本文介绍了如何使用 PaddleOCRSharp 进行图像文字识别,涵盖了从环境准备到高级功能的完整流程。首先,通过 NuGet 安装 PaddleOCRSharp 并下载预训练模型。接着,展示了单张图片识别的最小化示例和详细实现,包括模型配置、图片预处理和结果输出。进阶功能部分介绍了多语言和竖排文本识别的实现方法。此外,文章还提供了 WinForms 图形界面开发的完整示例,展示了如何通过界面加载图片、执行识别并展示结果。最后,探讨了批量处理优化策略,如并行处理多张图片以提高性能。通过这些步骤,开发者可以

墨夶的博客 1004

ExtJS4 动态生成的grid导出为excel(纯前台)

搜索了蛮久,找到一些例子,因为我是初学者的缘故大多不知道怎么使用。。 研究了一下那个源码,搞到现在终于实现了基本的下载。。解决了一个表格不能重复下载的小BUG,一个使用grid初始化发生的BUG 下面记录一下步骤。。说不定下次还有用 1.下载需要用到js代码,我已经上传 http://download.csdn.net/detail/hu8471479/72

hu8471479的专栏 6599

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

Ext 导出Excel

  &lt;%@ page language="java" pageEncoding="GBK"%&gt; &lt;%@page contentType="text/html;charset=UTF-8"%&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Column Layout&lt;/title&

Night In Forest 161

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

上一篇: jquery this和$(this)
下一篇: spring security入门
w3053_5fdf588
博客等级 码龄18年 0粉丝 32原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值