导出函数ExportExcel()

  1. var config={ store: alldataStore,
  2. 	 title: '测试标题'
  3.  };
  4.  
  5. var tab=tabPanel.getActiveTab();//当前活动状态的Panel
  6.  
  7. ExportExcel(tab,config);//调用导出函数

ExportGridToExcel.js

  1. var Base64 = {
  2.  
  3.     // private property
  4.     _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
  5.  
  6.     // public method for encoding
  7.     encode: function(input) {
  8.         var output = "";
  9.         var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
  10.         var i = 0;
  11.  
  12.         input = Base64._utf8_encode(input);
  13.  
  14.         while (i < input.length) {
  15.  
  16.             chr1 = input.charCodeAt(i++);
  17.             chr2 = input.charCodeAt(i++);
  18.             chr3 = input.charCodeAt(i++);
  19.  
  20.             enc1 = chr1 >> 2;
  21.             enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
  22.             enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
  23.             enc4 = chr3 & 63;
  24.  
  25.             if (isNaN(chr2)) {
  26.                 enc3 = enc4 = 64;
  27.             } else if (isNaN(chr3)) {
  28.                 enc4 = 64;
  29.             }
  30.  
  31.             output = output +
  32.             this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
  33.             this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
  34.  
  35.         }
  36.  
  37.         return output;
  38.     },
  39.  
  40.     // public method for decoding
  41.     decode: function(input) {
  42.         var output = "";
  43.         var chr1, chr2, chr3;
  44.         var enc1, enc2, enc3, enc4;
  45.         var i = 0;
  46.  
  47.         input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
  48.  
  49.         while (i < input.length) {
  50.  
  51.             enc1 = this._keyStr.indexOf(input.charAt(i++));
  52.             enc2 = this._keyStr.indexOf(input.charAt(i++));
  53.             enc3 = this._keyStr.indexOf(input.charAt(i++));
  54.             enc4 = this._keyStr.indexOf(input.charAt(i++));
  55.  
  56.             chr1 = (enc1 << 2) | (enc2 >> 4);
  57.             chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
  58.             chr3 = ((enc3 & 3) << 6) | enc4;
  59.  
  60.             output = output + String.fromCharCode(chr1);
  61.  
  62.             if (enc3 != 64) {
  63.                 output = output + String.fromCharCode(chr2);
  64.             }
  65.             if (enc4 != 64) {
  66.                 output = output + String.fromCharCode(chr3);
  67.             }
  68.  
  69.         }
  70.  
  71.         output = Base64._utf8_decode(output);
  72.  
  73.         return output;
  74.  
  75.     },
  76.  
  77.     // private method for UTF-8 encoding
  78.     _utf8_encode: function(string) {
  79.         string = string.replace(/\r\n/g, "\n");
  80.         var utftext = "";
  81.  
  82.         for (var n = 0; n < string.length; n++) {
  83.  
  84.             var c = string.charCodeAt(n);
  85.  
  86.             if (c < 128) {
  87.                 utftext += String.fromCharCode(c);
  88.             }
  89.             else if ((c > 127) && (c < 2048)) {
  90.                 utftext += String.fromCharCode((c >> 6) | 192);
  91.                 utftext += String.fromCharCode((c & 63) | 128);
  92.             }
  93.             else {
  94.                 utftext += String.fromCharCode((c >> 12) | 224);
  95.                 utftext += String.fromCharCode(((c >> 6) & 63) | 128);
  96.                 utftext += String.fromCharCode((c & 63) | 128);
  97.             }
  98.  
  99.         }
  100.  
  101.         return utftext;
  102.     },
  103.  
  104.     // private method for UTF-8 decoding
  105.     _utf8_decode: function(utftext) {
  106.         var string = "";
  107.         var i = 0;
  108.         var c = c1 = c2 = 0;
  109.  
  110.         while (i < utftext.length) {
  111.  
  112.             c = utftext.charCodeAt(i);
  113.  
  114.             if (c < 128) {
  115.                 string += String.fromCharCode(c);
  116.                 i++;
  117.             }
  118.             else if ((c > 191) && (c < 224)) {
  119.                 c2 = utftext.charCodeAt(i + 1);
  120.                 string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
  121.                 i += 2;
  122.             }
  123.             else {
  124.                 c2 = utftext.charCodeAt(i + 1);
  125.                 c3 = utftext.charCodeAt(i + 2);
  126.                 string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
  127.                 i += 3;
  128.             }
  129.  
  130.         }
  131.  
  132.         return string;
  133.     }
  134.  
  135. };
  136.  
  137. Ext.override(Ext.grid.Panel,{
  138.     getExcelXml: function(includeHidden, config) {
  139.  
  140.         var worksheet = this.createWorksheet(includeHidden, config);
  141.         //var totalWidth = this.getColumnModel().getTotalWidth(includeHidden);
  142.         var innertitle = '';
  143.  
  144.         if (config && config.title) {
  145.             innertitle = config.title;
  146.         } else {
  147.             innertitle = this.title;
  148.         }
  149.         return '<xml version="1.0" encoding="utf-8">' +
  150.             '<ss:Workbook xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:o="urn:schemas-microsoft-com:office:office">' +
  151.             '<o:DocumentProperties><o:Title>' + innertitle + '</o:Title></o:DocumentProperties>' +
  152.             '<ss:ExcelWorkbook>' +
  153.                 '<ss:WindowHeight>' + worksheet.height + '</ss:WindowHeight>' +
  154.                 '<ss:WindowWidth>' + worksheet.width + '</ss:WindowWidth>' +
  155.                 '<ss:ProtectStructure>False</ss:ProtectStructure>' +
  156.                 '<ss:ProtectWindows>False</ss:ProtectWindows>' +
  157.             '</ss:ExcelWorkbook>' +
  158.             '<ss:Styles>' +
  159.                 '<ss:Style ss:ID="Default">' +
  160.                     '<ss:Alignment ss:Vertical="Top" ss:WrapText="1" />' +
  161.                     '<ss:Font ss:FontName="arial" ss:Size="10" />' +
  162.                     '<ss:Borders>' +
  163.                         '<ss:Border ss:Color="#e4e4e4" ss:Weight="1" ss:LineStyle="Continuous" ss:Position="Top" />' +
  164.                         '<ss:Border ss:Color="#e4e4e4" ss:Weight="1" ss:LineStyle="Continuous" ss:Position="Bottom" />' +
  165.                         '<ss:Border ss:Color="#e4e4e4" ss:Weight="1" ss:LineStyle="Continuous" ss:Position="Left" />' +
  166.                         '<ss:Border ss:Color="#e4e4e4" ss:Weight="1" ss:LineStyle="Continuous" ss:Position="Right" />' +
  167.                     '</ss:Borders>' +
  168.                     '<ss:Interior />' +
  169.                     '<ss:NumberFormat />' +
  170.                     '<ss:Protection />' +
  171.                 '</ss:Style>' +
  172.                 '<ss:Style ss:ID="title">' +
  173.                     '<ss:Borders />' +
  174.                     '<ss:Font />' +
  175.                     '<ss:Alignment ss:WrapText="1" ss:Vertical="Center" ss:Horizontal="Center" />' +
  176.                     '<ss:NumberFormat ss:Format="@" />' +
  177.                 '</ss:Style>' +
  178.                 '<ss:Style ss:ID="headercell">' +
  179.                     '<ss:Font ss:Bold="1" ss:Size="10" />' +
  180.                     '<ss:Alignment ss:WrapText="1" ss:Horizontal="Center" />' +
  181.                     '<ss:Interior ss:Pattern="Solid" ss:Color="#A3C9F1" />' +
  182.                 '</ss:Style>' +
  183.                 '<ss:Style ss:ID="even">' +
  184.                     '<ss:Interior ss:Pattern="Solid" ss:Color="#CCFFFF" />' +
  185.                 '</ss:Style>' +
  186.                 '<ss:Style ss:Parent="even" ss:ID="evendate">' +
  187.         //                    '<ss:NumberFormat ss:Format="[ENG][$-409]dd\-mmm\-yyyy;@" />' +
  188.                     '<ss:NumberFormat ss:Format="yyyy\-m\-d;@" />' +
  189.                 '</ss:Style>' +
  190.                 '<ss:Style ss:Parent="even" ss:ID="evenint">' +
  191.                     '<ss:NumberFormat ss:Format="0" />' +
  192.                 '</ss:Style>' +
  193.                 '<ss:Style ss:Parent="even" ss:ID="evenfloat">' +
  194.                     '<ss:NumberFormat ss:Format="0.00" />' +
  195.                 '</ss:Style>' +
  196.                 '<ss:Style ss:ID="odd">' +
  197.                     '<ss:Interior ss:Pattern="Solid" ss:Color="#CCCCFF" />' +
  198.                 '</ss:Style>' +
  199.                 '<ss:Style ss:Parent="odd" ss:ID="odddate">' +
  200.                     '<ss:NumberFormat ss:Format="[ENG][$-409]dd\-mmm\-yyyy;@" />' +
  201.                 '</ss:Style>' +
  202.                 '<ss:Style ss:Parent="odd" ss:ID="oddint">' +
  203.                     '<ss:NumberFormat ss:Format="0" />' +
  204.                 '</ss:Style>' +
  205.                 '<ss:Style ss:Parent="odd" ss:ID="oddfloat">' +
  206.                     '<ss:NumberFormat ss:Format="0.00" />' +
  207.                 '</ss:Style>' +
  208.             '</ss:Styles>' +
  209.             worksheet.xml +
  210.             '</ss:Workbook>';
  211.     },
  212.     createWorksheet: function(includeHidden, config) {
  213.         // Calculate cell data types and extra class names which affect formatting
  214.         var cellType = [];
  215.         var cellTypeClass = [];
  216.         //var cm = this.getColumnModel();
  217.         var totalWidthInPixels = 0;
  218.         var colXml = '';
  219.         var headerXml = '';
  220.         var visibleColumnCountReduction = 0;
  221.         var innertitle = '';
  222.         var innerstore = null;
  223.  
  224.         if (config && config.title) {
  225.             innertitle = config.title;
  226.         } else {
  227.             innertitle = this.title;
  228.         }
  229.         if (!innertitle || innertitle == '') {
  230.             innertitle = 'Main Title';
  231.         }
  232.  
  233.         if (config && config.store) {
  234.             innerstore = config.store;
  235.         } else {
  236.             innerstore = this.store;
  237.         }
  238.         for (var i=1;i< this.columns.length;i++) {
  239.             if (includeHidden || !this.columns[i].isHidden()) {
  240.                 //debugger;
  241.                 var w = this.columns[i].getWidth();
  242.                 totalWidthInPixels += w;
  243.  
  244.                 if ((this.columns[i].text === "") || (this.columns[i].getId() === "") ) {
  245.                     cellType.push("None");
  246.                     cellTypeClass.push("");
  247.                     ++visibleColumnCountReduction;
  248.                 }
  249.                 else {
  250.                     colXml += '<ss:Column ss:AutoFitWidth="1" ss:Width="' + w + '" />';
  251.                     headerXml += '<ss:Cell ss:StyleID="headercell">' +
  252.                         '<ss:Data ss:Type="String">' + this.columns[i].text + '</ss:Data>' +
  253.                         '<ss:NamedCell ss:Name="Print_Titles" /></ss:Cell>';
  254.  
  255.                 	var fld = innerstore.model.prototype.fields.items[i-1].type;
  256.                     switch (fld.type) {
  257.                         case "int":
  258.                             cellType.push("Number");
  259.                             cellTypeClass.push("int");
  260.                             break;
  261.                         case "float":
  262.                             cellType.push("Number");
  263.                             cellTypeClass.push("float");
  264.                             break;
  265.                         case "bool":
  266.                         case "boolean":
  267.                             cellType.push("String");
  268.                             cellTypeClass.push("");
  269.                             break;
  270.                         case "date":
  271.                             cellType.push("DateTime");
  272.                             cellTypeClass.push("date");
  273.                             break;
  274.                         default:
  275.                             cellType.push("String");
  276.                             cellTypeClass.push("");
  277.                             break;
  278.  
  279.                     }
  280.  
  281.                 }
  282.             }
  283.         }
  284.         var visibleColumnCount = cellType.length - visibleColumnCountReduction;
  285.  
  286.         var result = {
  287.             height: 9000,
  288.             width: Math.floor(totalWidthInPixels*30)+50
  289.         };
  290.  
  291.         // Generate worksheet header details.
  292.         var t = '<ss:Worksheet ss:Name="' + innertitle + '">' +
  293.             '<ss:Names>' +
  294.                 '<ss:NamedRange ss:Name="Print_Titles" ss:RefersTo="=\'' + innertitle + '\'!R1:R2" />' +
  295.             '</ss:Names>' +
  296.             '<ss:Table x:FullRows="1" x:FullColumns="1"' +
  297.                 ' ss:ExpandedColumnCount="' + (visibleColumnCount) +
  298.                 '" ss:ExpandedRowCount="' + (innerstore.getCount() + 2) + '">' +
  299.                 colXml +
  300.                 '<ss:Row ss:Height="38">' +
  301.                     '<ss:Cell ss:StyleID="title" ss:MergeAcross="' + (visibleColumnCount - 1) + '">' +
  302.                       '<ss:Data xmlns:html="http://www.w3.org/TR/REC-html40" ss:Type="String">' +
  303.                         '<html:B>' + innertitle + '</html:B></ss:Data><ss:NamedCell ss:Name="Print_Titles" />' +
  304.                     '</ss:Cell>' +
  305.                 '</ss:Row>' +
  306.                 '<ss:Row ss:AutoFitHeight="1">' +
  307.                 headerXml +
  308.                 '</ss:Row>';
  309.  
  310.         // Generate the data rows from the data in the Store
  311.         for (var i = 0, it = innerstore.data.items, l = it.length; i < l; i++) {
  312.             t += '<ss:Row>';
  313.             var cellClass = (i & 1) ? 'odd' : 'even';
  314.             r = it[i].data;
  315.             var k = 0;
  316.             for (var j=1;j< this.columns.length;j++) {
  317.                 if (includeHidden || !this.columns[j].isHidden()) {
  318.                     //debugger;
  319.                     var v = r[this.columns[j].dataIndex];
  320.                     if (typeof this.columns[j].renderer == 'function' && cellType[k] != 'DateTime') {
  321.                         var m = {};
  322.                         v = this.columns[j].renderer(v, m, it[i], i, j, innerstore);
  323.                         var re = /<[^>]+>/g;
  324.                         if (v) {
  325.                             v = v.toString().replace(re, '');
  326.                         } else {
  327.                             v = '';
  328.                         }
  329.                     }
  330.                     if (cellType[k] !== "None") {
  331.  
  332.                         if (!v) {
  333.                             t += '<ss:Cell ss:StyleID="' + cellClass + '"></ss:Cell>';
  334.                         } else {
  335.                             t += '<ss:Cell ss:StyleID="' + cellClass + cellTypeClass[k] + '"><ss:Data ss:Type="' + cellType[k] + '">';
  336.                             if (cellType[k] == 'DateTime') {
  337.                                 t += v.format('Y-m-d\\TH:i:s.000'); // no space betwen  i: s
  338.                             } else {
  339.                                 v = EncodeValue(v);
  340.  
  341.                                 t += v;
  342.                             }
  343.                             t += '</ss:Data></ss:Cell>';
  344.                         }
  345.                     }
  346.                     k++;
  347.                 }
  348.             }
  349.             t += '</ss:Row>';
  350.         }
  351.  
  352.         result.xml = t + '</ss:Table>' +
  353.             '<x:WorksheetOptions>' +
  354.                 '<x:PageSetup>' +
  355.                     '<x:Layout x:CenterHorizontal="1" x:Orientation="Landscape" />' +
  356.                     '<x:Footer x:Data="Page &P of &N" x:Margin="0.5" />' +
  357.                     '<x:PageMargins x:Top="0.5" x:Right="0.5" x:Left="0.5" x:Bottom="0.8" />' +
  358.                 '</x:PageSetup>' +
  359.                 '<x:FitToPage />' +
  360.                 '<x:Print>' +
  361.                     '<x:PrintErrors>Blank</x:PrintErrors>' +
  362.                     '<x:FitWidth>1</x:FitWidth>' +
  363.                     '<x:FitHeight>32767</x:FitHeight>' +
  364.                     '<x:ValidPrinterInfo />' +
  365.                     '<x:VerticalResolution>600</x:VerticalResolution>' +
  366.                 '</x:Print>' +
  367.                 '<x:Selected />' +
  368.                 '<x:DoNotDisplayGridlines />' +
  369.                 '<x:ProtectObjects>False</x:ProtectObjects>' +
  370.                 '<x:ProtectScenarios>False</x:ProtectScenarios>' +
  371.             '</x:WorksheetOptions>' +
  372.         '</ss:Worksheet>';
  373.  
  374.         //Add function to encode value,2009-4-21
  375.         function EncodeValue(v) {
  376.             var re = /[\r|\n]/g; //Handler enter key
  377.             v = v.toString().replace(re, '
  378. ');
  379.  
  380.             return v;
  381.         };
  382.  
  383.         return result;
  384.     }
  385.  
  386. });
  387.  
  388. function ExportExcel(gridPanel,config) {
  389.     if (gridPanel) {
  390.         var tmpExportContent = '';
  391.         tmpExportContent=gridPanel.getExcelXml(true,config);
  392.             if (Ext.isIE || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3 ) {//在这几种浏览器中才需要
  393.                 var fd = Ext.get('frmDummy');
  394.                 if (!fd) {
  395.                     fd = Ext.DomHelper.append(
  396.                             Ext.getBody(), {
  397.                                 tag : 'form',
  398.                                 method : 'post',
  399.                                 id : 'frmDummy',
  400.                                 action : 'exportdata.jsp',
  401.                                 target : '_blank',
  402.                                 name : 'frmDummy',
  403.                                 cls : 'x-hidden',
  404.                                 cn : [ {
  405.                                     tag : 'input',
  406.                                     name : 'exportContent',
  407.                                     id : 'exportContent',
  408.                                     type : 'hidden'
  409.                                 } ]
  410.                             }, true);
  411.  
  412.                 }
  413.                 fd.child('#exportContent').set( {
  414.                     value : tmpExportContent
  415.                 });
  416.                 fd.dom.submit();
  417.             } else {
  418.                 document.location = 'data:application/vnd.ms-excel;base64,' + Base64.encode(tmpExportContent);
  419.             }
  420.     }
  421. }

ExtJS：Grid数据导出至excel实例的更多相关文章

  1. Extjs — Grid数据导出成Excel

    最近因为项目问题,需要解决Extjs导出成Excel的问题. 下面简单描述这个问题解决的步骤如下: 1.先在js文件里写了一个button的handler事件,通过点击按钮,来实现调用ExportEx ...

  2. Extjs中数据导出到Excel

    1.前端代码(URL+前端传入参数) window.location.href="studnetMaintainAction!exportExcel"               ...

  3. Qt中将QTableView中的数据导出为Excel文件

    如果你在做一个报表类的程序,可能将内容导出为Excel文件是一项必须的功能.之前使用MFC的时候我就写过一个类,用于将grid中的数据导出为Excel文件.在使用了QtSql模块后,我很容易的将这个类 ...

  4. 学习笔记 DataGridView数据导出为Excel

    DataGridView数据导出为Excel   怎样把WinForm下的“DGV”里的绑定数据库后的数据导出到Excel中. 比如:在窗体里有个一“DGV”,DataGridView1,绑定了数据源 ...

  5. 将C1Chart数据导出到Excel

    大多数情况下,当我们说将图表导出到Excel时,意思是将Chart当成图片导出到Excel中.如果是这样,你可以参考帮助文档中保存和导出C1Chart章节. 不过,也有另一种情况,当你想把图表中的数据 ...

  6. vb.net-三种将datagridview数据导出为excel文件的函数

    第一种方法较慢,但是数据格式都比较好,需要引用excel的 Microsoft.Office.Interop.Excel.dll  office.dll #Region "导出excel函数 ...

  7. 数据导出至Excel文件--好库编程网http://code1.okbase.net/codefile/SerializeHelper.cs_2012122018724_118.htm

    using System; using System.IO; using System.Data; using System.Collections; using System.Data.OleDb; ...

  8. 数据导出到Excel中

    自己修改后的一个数据导出到Excel的方法,粘出来与大家共享. 只需要将             System.Web.HttpContext.Current.Response.Charset =   ...

  9. asp.net将数据导出到excel

    本次应用datatable导出,若用gridview(假设gridview设为了分页显示)会出现只导出当前页的情况. protected void btnPrn_Click(object sender ...

随机推荐

  1. 将Gradle项目发布到Jcenter和Maven Central

    Jcenter和Maven Central 为了方便我们理解Android studio是如何帮助我们获取开源库的,我们需要理清几个概念.Apache Maven是Apache开发的一个工具,提供了用 ...

  2. Java基础之枚举妙用

    对于枚举,初学Java的时候可能我们就已经接触过了,但是在毕业前,其实一直都不知道真正工作里面枚举是怎么用的,枚举有什么用?接下来,博主就介绍枚举在实际工作中的一种使用场景,本文只适合初级的小菜鸟看哈 ...

  3. 微信开发之使用java获取签名signature（贴源码，附工程）

    一.前言 微信接口调用验证最终需要用到的三个参数noncestr.timestamp.signature: 接下来将会给出获取这三个参数的详细代码 本文的环境eclipse + maven 本文使用到 ...

  4. 分享一个CUDA的环境配置属性表，从此不用再担心配置不好CUDA环境了

    本文适用: Visual Studio 2008,C++, CUDA版本不限,不过我用的是5.5做的实验. 先贴出属性表的内容: <?xml version="1.0" en ...

  5. Shell脚本生成网页版相册浏览器

    今天学到了一招,那就是使用脚本制作一款网页版相册浏览器.先上图吧. 必备基础 操作系统: 以linux为内核的操作系统都行 编程语言:Shell(bash)脚本,相关基础知识即可 下载工具:wget ...

  6. UNIX环境高级编程——Linux终端设备详解

    终端是一种字符型设备,它有多种类型,通常使用tty来简称各种类型的终端设备.tty是Teletype的缩写.Teletype是最早出现的一种终端设备,很象电传打字机(或者说就是),是由Teletype ...

  7. GDAL书籍中删除数据勘误（C#语言）

    GDAL书籍中关于C#版本删除数据的时候,不能完全删除数据,由于我对C#不了解导致代码有点问题,非常感谢@Bingoyin指出并给出修改方案.此外对于栅格图像的删除.重命名,矢量数据的删除和重命名都有 ...

  8. MySQL输入密码后闪退，这里有解

    不知道怎么的,我的MySQL就像抽风了一样,可能是不想理我了吧.只要我输入密码,它就会闪退.而且使用其他的数据库管理工具也是链接不成功的.于是下决心,调教调教它,于是有了下面的这些解决方案. 解决方法 ...

  9. UNIX网络编程——带外数据小结

    TCP没有真正的带外数据,不过提供紧急模式和紧急指针.一旦发送端进入紧急模式,紧急指针就出现在发送到对端的分节中的TCP首部中.连接的对端收取该指针是在告知接收进程发送端已经进入紧急模式,而且该指针指 ...

  10. 根据Schema写出XML文档四部曲

    Schema约束文档本身就是一个XML文档,扩展名为xsd 难点:XML文档的根元素怎么写? 如下4步曲: a.首先看Schema文档,找到根元素 <?xml version="1.0 ...