ExtJs Grid导出到Excel(修正版)

ExtJs Grid导出到Excel(修正版)

Posted 周日,03/22/2009 - 23:13 by admin

以下的几个问题我都已经整理和修改：
1、没有考虑到含有序号和选择框的grid，
2、utf8转换bug.
3、宽度的bug
4、不支持ie6、ie7和Safari

修改后的代码见附件的gridToExcel.js.zip

注：我的文件编码都是utf8格式的(no bom)，需要其它格式的请自行修改。

使用方法更简单，不需要定义linkbutton，直接使用标准的button

view source

print?

01.

new

Ext.Button({

02.

text:

'导出到Excel'

,

03.

handle:

function

() {

04.

var

vExportContent = grid.getExcelXml();

05.

if

(Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) {

06.

if

(! Ext.fly(

'frmDummy'

)) {

07.

var

frm = document.createElement(

'form'

);

08.

frm.id =

'frmDummy'

;

09.

frm.name = id;

10.

frm.className =

'x-hidden'

;

11.

document.body.appendChild(frm);

12.

}

13.

Ext.Ajax.request({

14.

url:

'/exportexcel.php'

,

15.

method:

'POST'

,

16.

form: Ext.fly(

'frmDummy'

),

17.

callback:

function

(o,s,r) {

18.

//alert(r.responseText);

19.

},

20.

isUpload:

true

,

21.

params: {exportContent: vExportContent}

22.

})

23.

}

else

{

24.

document.location =

'data:application/vnd.ms-excel;base64,'

+ Base64.encode(vExportContent);

25.

}

26.

});

以上以php为例，其它语言方法相同

exportexcel.php

view source

print?

01.

<?php

02.

header(

"Pragma: public"

);

03.

header(

"Expires: 0"

);

// set expiration time

04.

header(

"Cache-Control: must-revalidate,post-check=0,pre-check=0"

);

05.

header(

"Content-Type: application/force-download"

);

06.

header(

'Content-type: application/vnd.ms-excel'

);

07.

header(

"Content-Disposition:attachment;filename=export"

);

08.

echo $_REQUEST[

'exportContent'

];

09.

?>