Grid 导出Excel实现程序代码

作者：袖梨 2022-06-25

看了FineUI中的将Grid导出为Excel的实现方法，实际上是可以非常简单。看来很难的问题，变换一种思路就可以非常简单。

1. Aspx后台代码输出Content Type信息

代码如下

复制代码

Response.ClearContent();
Response.AddHeader("content-disposition", "attachment; filename=MyExcelFile.xls");
Response.ContentType = "application/excel";
Response.Write(GetGridTableHtml(Grid1));
Response.End();2. 直接输出Html代码
Response.Write(@"

Excel

By Html

这样的实现对于简单的导出数据到Excel已经足够了。

用法很简单

引入 bootstrap.js 和压缩包里的 export-all.js 就可以使用了

具体可以参考 main.js (下面是定义Grid的时候指定一个toolbar 为 xtype: 'exporterbutton')

代码如下

复制代码

height: 350,
width: 600,
title: 'Array Grid',
renderTo: 'grid-example',
viewConfig: {
stripeRows: true
},
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{
xtype: 'exporterbutton',
store: myStore

//一下两项配置已在Buttion.js中配置了默认路径不需要重复指定
//swfPath: './downloadify.swf',
//downloadImage: './download.png',

//这里可以根据当表格给定制导出的文件名
//downloadName:'导出的Excel 名字'
}
]
}
]