首先定义如下JS文件:
/*
*功能:直接由Ext的grid生成Excel
*注意: 只支持IE
*参数:param1: gridId
* param2: sheetName
*/
Ext.downExcel= function(config){
//Ext.Excel.superclass.constructor.call(this, config);
Ext.apply(this,config);
};
Ext.apply(Ext.downExcel.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(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;
}
}
if(this.sheetName){
oSheet.Name = this.sheetName;
}
oXL.UserControl = true;
oXL.Visible = true;
}else{
Ext.Msg.alert('Error','明细数据grid没有创建成功!');
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;
}
}
}
});
调用:
buttons:[{ text:'导出Excel',
handler:function() {
var excel = new Ext.Excel({gridId:'datagrid',sheetName:'中期生产计划--逆排'});
excel.extGridToExcel();
}
}]
没上传 调用代码
那几行 自己打上吧
用起来 真爽啊~~~~
分享到:
相关推荐
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
ExtJS的GridPanel导出excel文件,方便快捷易懂!
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
EXT GridPanel获取某一单元格的值
Ext的gridpanel控件二次加载时丢失解决方案
Ext GridPanel加载完数据后进行操作,比如load数据之后选定某些行数据,下面有个示例,需要的朋友可以参考下
NULL 博文链接:https://shenhaiquan.iteye.com/blog/1474328
EXT实例GridPanel. 实现简单的。
Ext.grid.GridPanel 删除线 放到example文件夹下运行
ext.net gridpanel 弹出窗
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
tapestry4.02中封装ext的GridPanel组件
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
NULL 博文链接:https://wv1124.iteye.com/blog/741559
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
Ext.grid.ColumnModel显示不正常
extjs导出excel.Ext中将GridPanel数据导出为Excel的方法。
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....