导出grid panel 数据到Excel

最新推荐文章于 2013-09-13 16:47:02 发布
最新推荐文章于 2013-09-13 16:47:02 发布
阅读量980 收藏
点赞数
分类专栏： ExtJs Ext.Net 2.X Ext.Net 1.X 文章标签： string header css excel class float
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DimGlacier/article/details/7694919
版权

前段时间有个项目需要做导出Excel的功能，后来在网上找到一些文章，但都是1.0版本的，自己改成了2.0版本

前台脚本:

/*
||fomrat: 导出格式(excel, csv, xml)
||grid:要导出的Grid Panel
*/
function doExportData(format, grid) {
    var vExportContent = getGridXml(grid, false);

    if (!Ext.fly('frmDummy')) {
        var frm = document.createElement('form');
        frm.id = 'frmDummy';
        frm.name = 'frmDummy';
        frm.className = 'x-hidden';
        document.body.appendChild(frm);
    }
    Ext.Ajax.useDefaultHeader = false;
    Ext.Ajax.request({
        url: '/Handlers/ExportData.ashx',
        method: 'POST',
        form: Ext.fly('frmDummy'),
        callback: function (o, s, r) {
            alert(r.responseText);
        },
        isUpload: true,
        params: { exportXml: Ext.util.Format.htmlEncode(vExportContent), exportFormat: format }
    });
}
/*
||includeHidden: 包含隐藏列
||grid:要导出的Grid Panel
*/
function getGridXml(grid, includeHidden) {
    var cellType = [];
    var cellTypeClass = [];
    var columns = grid.columns;
    var totalWidthInPixels = 0;
    var headerXml = '';
    var dataXml = '';
    var visibleColumnCountReduction = 0;
    var colCount = columns.length;
    headerXml = "<Columns>";
    for (var i = 0; i < colCount; i++) {
        var col = columns[i];
        if ((col.dataIndex != '')
                && (includeHidden || !col.isHidden())) {
            var w = col.getWidth();
            totalWidthInPixels += w;
            if (col.text === "") {
                cellType.push("None");
                cellTypeClass.push("");
                ++visibleColumnCountReduction;
            }
            else {
                var dataType = '';
                var fld = null;
                var fields = grid.store.model.getFields();
                for (var k = 0, len = fields.length; k < len; k++) {
                    if (col.dataIndex == fields[k].name) {
                        fld = fields[k];
                        break;
                    }
                }
                if (fld != null) {
                    switch (fld.type.type) {
                        case "int":
                            dataType = "Integer";
                            cellType.push("Number");
                            cellTypeClass.push("int");
                            break;
                        case "float":
                            dataType = "Float";
                            cellType.push("Number");
                            cellTypeClass.push("float");
                            break;
                        case "bool":
                        case "boolean":
                            dataType = "String";
                            cellType.push("String");
                            cellTypeClass.push("");
                            break;
                        case "date":
                            dataType = "DateTime";
                            cellType.push("DateTime");
                            cellTypeClass.push("date");
                            break;
                        default:
                            dataType = "String";
                            cellType.push("String");
                            cellTypeClass.push("");
                            break;
                    }
                }
                else {
                    dataType = "String";
                    cellType.push("String");
                    cellTypeClass.push("");
                }
                headerXml += '<Column Name="' + escapeXmlName(col.dataIndex) + '" Header="' + escapeXmlName(col.text) + '" DataType="' + dataType + '" />';
            }
        }
    }
    headerXml += "</Columns>";
    var visibleColumnCount = cellType.length - visibleColumnCountReduction;

    dataXml = '<Records>';
    // Generate the data rows from the data in the Store
    for (var i = 0, it = grid.store.data.items, l = it.length; i < l; i++) {
        dataXml += '<Record>';
        var cellClass = (i & 1) ? 'odd' : 'even';
        r = it[i].data;
        var k = 0;
        for (var j = 0; j < colCount; j++) {
            var col = columns[j];
            if ((col.dataIndex != '')
                    && (includeHidden || !col.isHidden())) {
                var v = r[col.dataIndex];
                if (v == null)
                    v = "";
                if (cellType[k] !== "None") {
                    dataXml += '<' + escapeXmlName(col.dataIndex) + '>';
                    if (cellType[k] == 'DateTime') {
                        dataXml += v.format('Y-m-d H:i:s');
                    } else {
                        dataXml += escapeXml(v);
                    }
                    dataXml += '</' + escapeXmlName(col.dataIndex) + '>';
                }
                k++;
            }
        }
        dataXml += '</Record>';
    }
    dataXml += '</Records>';
    var resultXml = '<ExportData>' + headerXml + dataXml + '</ExportData>';
    return resultXml;
}


后台ashx:


  /// <summary>
    /// Summary description for ExportExcel
    /// </summary>
    public class ExportData : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.AddHeader("Expires", "0");
            context.Response.AddHeader("Cache-Control", "must-revalidate, post-check=0, pre-check=0");
            context.Response.ContentType = "application/force-download";
            context.Response.Charset="UTF-8";
            string exportXml = context.Request["exportXml"];
            string exportFormat = context.Request["exportFormat"];
            string exportData = getExcelData(HttpUtility.HtmlDecode(exportXml));
            switch (exportFormat.ToUpper())
            {
                case "EXCEL":
                    exportData = getExcelData(HttpUtility.HtmlDecode(exportXml));
                    context.Response.AddHeader("Content-type", "application/vnd.ms-excel");
                    context.Response.AddHeader("Content-Disposition", "attachment;filename=\"export.xls\"");
                    break;
                case "CSV":
                    exportData = getCsvData(HttpUtility.HtmlDecode(exportXml));
                    context.Response.AddHeader("Content-type", "text/csv");
                    context.Response.AddHeader("Content-Disposition", "attachment;filename=\"export.csv\"");
                    break;
                case "XML":
                    exportData = getXmlData(HttpUtility.HtmlDecode(exportXml));
                    context.Response.AddHeader("Content-type", "text/xml");
                    context.Response.AddHeader("Content-Disposition", "attachment;filename=\"export.xml\"");
                    break;

            }

            context.Response.Write(exportData);
        }
    
        public string getExcelData(string exportXml)
        {
            StringBuilder sbExportData = new StringBuilder();
            XElement xeExport = XElement.Parse(exportXml);
            var qryExportDefinition = from row in xeExport.Descendants("Column")
                                      select new
                                      {
                                          Name = row.Attribute("Name").Value,
                                          Header = row.Attribute("Header").Value,
                                          DataType = row.Attribute("DataType").Value
                                      };
            sbExportData.Append("<meta http-equiv=\"content-type\" content=\"application/ms-excel; charset=UTF-8\"/>");
            sbExportData.Append("<style>\n<!--");
            sbExportData.Append(".exp_table { font-family:Tahoma,sans-serif,Verdana,Arial; font-size:10pt; }");
            sbExportData.Append(".exp_columnheader { font-family:Tahoma,sans-serif,Verdana,Arial; text-align:center; background:silver;  height:28px}");
            sbExportData.Append(".exp_textdata { mso-number-format:\"\\@\";  height:25px}");
            sbExportData.Append(".exp_datedata { mso-number-format:\"yyyy\\/mm\\/dd\"; text-align:center;  height:25px}");
            sbExportData.Append("td { height:28px }");
            sbExportData.Append("-->\n</style>");
            sbExportData.Append("<table cellpadding=0 cellspacing=0 border=1 class=\"exp_table\">");


            string[] css = new string[qryExportDefinition.Count()];
            int i = 0;
            sbExportData.Append("<tr>");
            foreach (var exportDefinition in qryExportDefinition)
            {
                switch (exportDefinition.DataType)
                {
                    case "String":
                        css[i] = "exp_textdata";
                        break;
                    case "DateTime":
                        css[i] = "exp_datedata";
                        break;
                    default:
                        css[i] = "exp_textdata";
                        break;
                }
                sbExportData.AppendFormat("\t<td class=\"exp_columnheader\">{0}</td>", exportDefinition.Header);
                i++;
            }
            sbExportData.Append("\t</tr>");

            var qryDataRows = from row in xeExport.Descendants("Record")
                              select row;

            foreach (var dataRow in qryDataRows)
            {
                sbExportData.Append("<tr>");
                i = 0;
                foreach (var exportDefinition in qryExportDefinition)
                {
                    string val = dataRow.Element(exportDefinition.Name).Value;
                    switch (exportDefinition.DataType)
                    {
                        case "String":
                            css[i] = "exp_textdata";
                            break;
                        case "DateTime":
                            css[i] = "exp_datedata";
                            break;
                        default:
                            css[i] = String.Empty;
                            break;
                    }
                    sbExportData.AppendFormat("\t<td class=\"{0}\">{1}</td>", css[i], val);
                    i++;
                }
                sbExportData.Append("</tr>");
            }
            sbExportData.Append("</table>");
            return sbExportData.ToString();
        }

        public string getCsvData(string exportXml)
        {
            StringBuilder sbExportData = new StringBuilder();
            XElement xeExport = XElement.Parse(exportXml);
            var qryExportDefinition = from row in xeExport.Descendants("Column")
                                      select new
                                      {
                                          Name = row.Attribute("Name").Value,
                                          Header = row.Attribute("Header").Value,
                                          DataType = row.Attribute("DataType").Value
                                      };


            string[] css = new string[qryExportDefinition.Count()];
            //string[] header = new string[qryExportDefinition.Count()];
            int i = 0;
            foreach (var exportDefinition in qryExportDefinition)
            {
                sbExportData.Append(CsvFomratter(exportDefinition.Header));
                i++;
                if (i < qryExportDefinition.Count())
                    sbExportData.Append(",");
            }
            sbExportData.Append("\n");
            var qryDataRows = from row in xeExport.Descendants("Record")
                              select row;

            foreach (var dataRow in qryDataRows)
            {
                i = 0;
                foreach (var exportDefinition in qryExportDefinition)
                {
                    string val = dataRow.Element(exportDefinition.Name).Value;
                    sbExportData.AppendFormat(CsvFomratter(val));
                    i++;
                    if (i < qryExportDefinition.Count())
                        sbExportData.Append(",");
                }
                sbExportData.Append("\n");
            }
            return sbExportData.ToString();
        }

        public string getXmlData(string exportXml)
        {
            StringBuilder sbExportData = new StringBuilder();
            XElement xeExport = XElement.Parse(exportXml);
            var qryExportDefinition = from row in xeExport.Descendants("Column")
                                      select new
                                      {
                                          Name = row.Attribute("Name").Value,
                                          Header = row.Attribute("Header").Value,
                                          DataType = row.Attribute("DataType").Value
                                      };
            sbExportData.Append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
            sbExportData.Append("<Records>\n");
            var qryDataRows = from row in xeExport.Descendants("Record")
                              select row;
            foreach (var dataRow in qryDataRows)
            {
                sbExportData.Append("\t<Record>\n");
                foreach (var exportDefinition in qryExportDefinition)
                {
                    string val = dataRow.Element(exportDefinition.Name).Value;
                    sbExportData.AppendFormat("\t\t<{0}>{1}</{0}>\n", XmlFomratter(exportDefinition.Header), XmlFomratter(val));
                }
                sbExportData.Append("\t</Record>\n");
            }
            sbExportData.Append("</Records>\n");
            return sbExportData.ToString();
        }

        private string XmlFomratter(string source)
        {
            XmlDocument doc = new XmlDocument();
            var node = doc.CreateElement("root");
            node.InnerText = source;
            return node.InnerXml;
        }
        private string CsvFomratter(string source)
        {
            if (source.IndexOf(',') > -1)
                return "\"" + source + "\"";
            else
                return source;

        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }


JimexLee
关注
专栏目录
Ext GridPanel导出Excel(改进)
12-12
将页面的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'));
EXT.NET(十四)导出EXCEL
数据库天地
12-12 169
在运用EXT.NET过程中尝试了很多导出EXCEL的结果都失败了。 干脆就用DEMO中的案列吧。建立一个EXCEL.XSL &lt;xsl:stylesheet version="1.0" xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:xsl="http://www.w3.org/1999/XSL/Tr...
Ext的Grid导出为Excel 方法
zanchaow的专栏
08-16 826
转载的一个extjs的grid数据生成excel的好方法，这里面没有选择框，是将grid所有的数据转为excel。可以选择要输出的列，若你想自己选择某些行输出，只要做稍微的改动就可以了。这里面使用了js来调用ActiveX控件来生成Excel。 老外的方法：GridPanel to real Excel file(Only By IE5+,Windows,Office) What ? There...
导出Ext.grid.Panel到excel
blackant2的专栏
09-13 968
1.客户端定义,基本的想法是form提交表格头定义,数据,以json方式传输 Ext.grid.Panel.addMembers({ exportExcel:function(options){ if(!Ext.isDefined(options)){options={}}; options.name = options.name || '未命名';
Ext GridPanel 导出 Excel
mmmzzc的专栏
04-27 203
首先定义如下JS文件： [code="javascript"]/* *功能：直接由Ext的grid生成Excel *注意： 只支持IE *参数：param1: gridId * param2: sheetName */ Ext.downExcel= function(config){ //Ext.Excel.superclass.construct...
GridControl通用导出Excel
10-12
本知识点将详细介绍如何实现GridControl通用导出Excel功能，尤其是支持多个控件如GridControl、Chart、PivotGrid等同时导出到同一个Excel工作表中。 #### 二、导出Excel方法详解 ##### 1. 方法签名 ```csharp ...
Extjs4前台前台grid导出excel
11-20
在本篇文章中，我们将深入探讨如何在ExtJS4中实现前台Grid的数据导出到Excel功能。 首先，我们需要了解`Ext.grid.Panel`，这是ExtJS中的核心组件之一，用于创建数据网格。它能够动态加载数据，提供排序、过滤、分页...
delphi 将DBGrid的数据导出到Excel
01-17
Delphi 将 DBGrid 的数据导出到 Excel Delphi 是一款功能强大且灵活的开发环境，它提供了许多实用的控件和组件，而 DBGrid 正是其中之一。DBGrid 是一个数据 grid 控件，用于显示和编辑数据库中的数据。然而，在...
ext grid 导出excel 代码实例
04-12
在EXT Grid中，导出数据到Excel是一种常见的需求，它允许用户方便地处理和分析大量数据。EXT Grid是一个强大的JavaScript组件，提供了丰富的功能，包括数据展示、排序、筛选和编辑等。导出到Excel功能则进一步增强了...
EXTJS grid导出EXCEL文件
03-14
在EXTJS中，Panel是包含UI元素的基本容器，所以"panelToExcel"可能是从一个Grid Panel导出数据到Excel的函数或类。 要实现EXTJS Grid到Excel的导出，一般会涉及以下几个步骤： 1. **获取Grid数据**：首先，你需要...
ExtJS的GridPanel导出excel文件
08-19
ExtJS的GridPanel导出excel文件,方便快捷易懂!
PanelCheck-开源
04-27
PanelCheck是易于使用的软件工具，用于使用不同类型的图可视化感测轮廓数据。 来自已实施地块的联合信息可提供对评估员和专家组绩效的详细了解。
ext导出表格数据到excel中
weixin_33724059的博客
07-26 170
1.先写jsp页面。 &lt;%@ page contentType="text/html;charset=utf-8"%&gt; &lt;% String ctx = request.getContextPath(); //String ext = ctx + "/ext-3.0.0"; pageContext.setAttribute("ctx", c...
Ext grid 导出excel
woshi_bobo2010
04-07 2217
<br /> <br />利用Ext grid显示前台数据，然后把前台数据进行Excel表导出，再导出报表的时候要求：<br />1、要把grid数据显示的表头信息导入Excel表<br />2、在导出Excle表的时候，可以进行选择，是进行勾选的导出，还是批量导出（勾选导出，根据勾选的记录导出，批量导出，全部导出），<br />3、在进行批量导出的时候，是分页显示还是显示成一页（sheet标签，在Excel表中用）<br /> <br />首先,准备数据，创建grid并把数据填充进去，这里我就不再多说，不
Extjs将GridPanel中的数据导出到Excel的方法
热门推荐
风柏杨的技术博客
05-20 1万+
前些时间老大说客户要求提供将表格中的数据导出到Excel中，因为有时候他们需要将价格资料导出以便制作报价表，于是上网找了一些资料，发现网上其实有很多例子都有浏览器兼容性的问题，于是自己整合，改进之后，终于能兼容支持和浏览器了，遂在这里与大家分享、交流：首先你需要一个将GridPanel的数据转换成标准Excel格式的JS文件，文件内容如下（貌似CSDN博客不支持上传文件给大家下载，所以唯有直接贴代码了）：// JavaScript Document /** * allows for downloadi
GridPanel 导出到excel的一个例子
iteye_9220的博客
09-27 150
文章出处：http://www.extjs.com/forum/showthread.php?t=32400 This needs a browser that supports data URLs. FF, Opera and IE8 will support this. Tested on FF2 and Opera 9. This example extracts the ...
Coolite GridPanel导出 Excel
xingmyworld的专栏
08-29 1117
页面代码     统计页面                     var saveData = function () {             GridData.setValue(Ext.encode(GridPanel1.getStore().reade
ExtJS导出Grid数据到Excel
在EXTJS中，"ext导出grid"是指将EXTJS的Grid组件中的数据导出到Excel文件中的功能。这个功能通常用于用户需要将可视化的数据表格保存为Excel格式，以便进行进一步的数据分析或分享。下面我们将详细讲解如何实现这一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值