`
huang5787826
  • 浏览: 46733 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
文章分类
社区版块
存档分类
最新评论

ext grid导出Excel

阅读更多
function(grid){
 /**
 * @ grid gridPanel 要导出的grid
 * @ 客户端必须使用IE浏览器,并且安装了Excel2003
 * @ Author : 逍遥君武
 * @ CreatData : 2010-1-20
 */
 //提取grid的列
 var columns = grid.getColumnModel().config.columns ? 
     grid.getColumnModel().config.columns :
     grid.getColumnModel().config;

 //提取store以及相关参数
 var store = grid.getStore();
 var colCount = columns.length;//字段数量
 var Cols = new Array(colCount);//为导出字段参数做准备
 var storeCount = store.getCount();//记录数量

 //初始化一个可用ID
 var gridID = grid.getId()+'ExcelObj';

 //OWC的HTML脚本
 var sheetHtml = '<OBJECT id="' + gridID + '" height="100%" width="100%" classid="clsid:0002E559-0000-0000-C000-000000000046"><PARAM NAME="EnableAutoCalculate" VALUE="-1"><PARAM NAME="DisplayTitleBar" VALUE="0"><PARAM NAME="DisplayToolbar" VALUE="-1"><PARAM NAME="ViewableRange" VALUE="1:65536"></OBJECT>';

 var win = new Ext.Window({
    title: winTitle : 'ExcelWindows',
    closable:true,
    width:600,
    height:350,
    plain:true,
    html:sheetHtml
   });

 win.show(this);

 //从OWC的HTML脚本获得OWC对象
 var xlBook = document.getElementById(gridID);
 var xlsheet = xlBook.ActiveSheet;

 //用grid的数据生成HTML的table
 var tableHtml = "<table><tr>"
 for(var i = 0; i < colCount; i++){//生成表头,并读取列参数
  tableHtml += "<td width=\"" + columns[i].width + "\">" + columns[i].header + "</td>"

  var col = new Object();
  col.dateIndex = columns[i].dataIndex;
  col.renderer = columns[i].renderer;
  Cols[i] = col;
 }

 tableHtml += "</tr>"

 //生成表格数据体
 for(var i = 0; i < storeCount; i++){
  var tmpTR = "";
  tmpTR += "<tr>";
  for(var j = 0; j < colCount; j++){
   var date = store.getAt(i);
   var tmpTD = "";
   if(columns[j].renderer){
    tmpTD = "<td>"+ (columns[j].renderer(date.get(columns[j].dataIndex))) +"</td>";
   }else{
    tmpTD = "<td>"+ (date.get(columns[j].dataIndex)) +"</td>";
   }
   tmpTR += tmpTD;
  }
  tmpTR += "</tr>";
  tableHtml += tmpTR;
 }

 tableHtml += "</table>";

 //将HTML数据绑定给OWC
 xlBook.HTMLData = tableHtml;
 //设置OWC的外观参数
 var xlsheet = xlBook.ActiveSheet;
 xlsheet.Columns.Font.Size = 9;

 //销毁对象
 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

    支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。

    Ext grid 导出Excel

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

    Ext Grid导出Excel

    这篇博客“Ext Grid导出Excel”探讨的主题是如何将Ext Grid中的数据显示在Microsoft Excel文件中,这在数据分析、报告生成以及数据共享场景中非常常见。通过这个功能,用户可以方便地将网格数据导出为标准的Excel...

    EXT grid导出EXCEL

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

    extgrid导出excel

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

    EXTgrid导出excel

    这个“EXTgrid导出excel”的例子正是为了解决这个问题。 首先,我们需要理解EXTgrid的基本结构。EXTgrid由一系列列定义、行数据和配置选项组成。列定义包括列头文本、数据字段、宽度等属性,而行数据则是实际存储在...

    ext grid 导出excel 代码实例

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

    jsp 实现的 EXT Grid 导出excel 例子

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

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

    在IT行业中,尤其是在Web...总之,从`Ext.grid`导出Excel涉及到数据获取、XML构建、样式处理和浏览器文件操作等多个环节。通过熟练掌握这些技术,你可以为用户提供更强大、更灵活的数据导出功能,提升他们的使用体验。

    EXT Grid 导出Excel的另类实现,可以只导出Grid中显示的列

    此Demo不包含jar包,请自行添加 博文链接:https://yourgame.iteye.com/blog/228826

    ext实现导出excel的功能。

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

    ExtJs grid导出Excel

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

    ext 4.2 grid导出excel 文件

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

    extjs grid数据导出excel文件

    本文将深入讲解EXTJS Grid如何实现数据导出到Excel文件的功能。 首先,我们要明白EXTJS Grid的数据导出到Excel的过程通常涉及到以下几个步骤: 1. **获取Grid数据**:在EXTJS中,Grid的数据存储在Store对象中。要...

    EXTJS Grid导出Excel

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

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

    本篇将详细讲解两种常见的导出Excel的方法:普通方式和Ext方式。 首先,让我们从普通方式导出Excel开始。普通方式通常指的是使用服务器端编程语言(如Java、Python、C#等)生成Excel文件,然后将其作为HTTP响应返回...

    Ext Grid数据导出到Excel

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

    Extjs4前台前台grid导出excel

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

Global site tag (gtag.js) - Google Analytics