1、调用方式
var excel = new Ext.Excel({
gridId: 'gridId',--GridId
sheetName: 'sheetName',--sheetName
dsIndex:'oprDate','bizKey','custAbbr','refNo','amount','status','bizItemCn','registerOpAuth','attachCnt','isInCot','remark']--数据源
});
excel.extGridToExcel();--调用方法
2、Export.js
/*
*功能:直接由Ext的grid生成Excel
*注意:只支持IE
*参数:gridId, sheetName
*/
Ext.Excel = function(config){
Ext.apply(this,config);
};
Ext.ExcelNew = function(config){
Ext.apply(this,config);
};
Ext.apply(Ext.Excel.prototype,{
extGridToExcel : function(){
try {
if (Ext.getCmp(this.gridId)) {
// grid 生成 Excel
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var grid = Ext.getCmp(this.gridId);
var store = grid.getStore();
var recordCount = store.getCount();
var view = grid.getView();
var cm = grid.getColumnModel();
var colCount = cm.getColumnCount();
var temp_obj = [];
for (var i = 0; i < colCount;i++) {
if (this.dsIndex) {
for(var xi=0; xi < this.dsIndex.length; xi++){
if (this.dsIndex[xi] == cm.config[i].dataIndex){
temp_obj.push(i);
break;
}
}
} else {
if (cm.isHidden(i)) {
} else {
temp_obj.push(i);
}
}
}
for (var i = 1; i <= temp_obj.length;i++) {
oSheet.Cells(1,i).value = cm.getColumnHeader(temp_obj[i - 1]);
}
for(var i = 1 ; i <= recordCount; i++) {
for(var j = 1; j<= temp_obj.length; j++) {
oSheet.Cells(i+1,j).value = view.getCell(i-1,temp_obj[j-1]).innerText;
}
}
oSheet.Columns.AutoFit;
if (this.sheetName){
oSheet.Name = this.sheetName;
}
oXL.UserControl = true;
oXL.Visible = true;
} else {
Ext.Msg.show({
title : '错误',
msg : '明细数据导出失败!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
return;
}
}catch(e){
if (Ext) {
Ext.Msg.show({
title : '提示',
msg : '请设置IE的菜单\'工具\'->Internet选项->安全->自定义级别->\'对未标记为可安全执行脚本ActiveX控件初始化并执行脚本\'->选择[启用] 就可以生成Excel',
buttons : Ext.Msg.OK,
icon : Ext.Msg.INFO
});
} else {
alert('不支持ExtJs框架');
return;
}
}
}
});
Ext.apply(Ext.ExcelNew.prototype,{
extGridToExcel : function(){
try {
if (Ext.getCmp(this.gridId)) {
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var grid = Ext.getCmp(this.gridId);
var dsIndexs = this.dsIndex;
var store = grid.getStore();
var recordCount = store.getCount();
var view = grid.getView();
var cm = grid.getColumnModel();
var colCount = cm.getColumnCount();
var temp_obj = [];
for (var i = 0; i < colCount;i++) {
var cmConfig = cm.config;
for(var xi=0;xi<dsIndexs.length;xi++){
if(dsIndexs[xi]==cmConfig[i].dataIndex){
temp_obj.push(i);
break;
}
}
}
for (var i = 1; i <= temp_obj.length;i++) {
oSheet.Cells(1,i).value = cm.getColumnHeader(temp_obj[i - 1]);
}
for(var i = 1 ; i <= recordCount; i++) {
for(var j = 1; j<= temp_obj.length; j++) {
oSheet.Cells(i+1,j).value = view.getCell(i-1,temp_obj[j-1]).innerText;
}
}
if (this.sheetName){
oSheet.Name = this.sheetName;
}
oXL.UserControl = true;
oXL.Visible = true;
} else {
Ext.Msg.show({
title : '错误',
msg : '明细数据导出失败!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
return;
}
}catch(e){
if (Ext) {
Ext.Msg.show({
title : '提示',
msg : '请设置IE的菜单\'工具\'->Internet选项->安全->自定义级别->\'对未标记为可安全执行脚本ActiveX控件初始化并执行脚本\'->选择[启用] 就可以生成Excel',
buttons : Ext.Msg.OK,
icon : Ext.Msg.INFO
});
} else {
alert('不支持ExtJs框架');
return;
}
}
}
});
分享到:
相关推荐
Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...
EXTJS中grid控件数据导出excel示例。很好理解。
Extjs4前台前台grid导出excel
页面级的ExtJS的grid数据导出Excel,速度超快。
EXTJS grid导出EXCEL文件,源码可以直接导入MYECLIPSE使用,EXTJS版本3.2.0
本人亲测在 ExtJs4.2 上可用,有两种实现导出Excel的 方法,资源内附简单的使用说明。因本人没多少资源分了,所以万不得已设置 资源分为 2 分。
ExtJs Grid导出Excel实例源码,后台C#。有分页功能,却仍可实现导出后台所有记录的功能
这是一个简单的在extjs下的grid转化到Excel,里面代码简单易懂,在包里面还集成了复杂的js转化函数,不过本人没有用它来进行转化! 注:在用EXTJS的导出Excel技术中,一定要注意分页的问题
NULL 博文链接:https://damen.iteye.com/blog/946039
NULL 博文链接:https://qimo601.iteye.com/blog/651401
NULL 博文链接:https://northc.iteye.com/blog/1450965
Grid导出到Excel例子(源码+注释)可直接导入myeclipse中学习。
一个使用EXTJS将GRID中的数据导出成EXCEL的实例
自己编写的用于Grid列表导出功能的一个类,里面的一些样式类结合ColorInformation.js来使用
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
strut2+hibernate+spring+extjs3.0+excel 动态加载grid 数据导出excel,导入excel datasource自己修改你自己的数据源,数据库中的表可见实体类创建,或者自己修改实体类
网上有很多报表demo,可惜操作均不够具体,故lz特此,做一详解,详情见:http://my.oschina.net/yexingqianli/blog/170253
ext导出到excel, 支持最新的Extjs 4.0,4.1,
研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG,一个使用grid初始化发生的BUG 下面记录一下步骤。说不定下次还有用 1.下载需要用到js代码,我已经上传 2.在你的html文件...