国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

ExtJS4 動態生成的grid導出為excel示例

2024-05-06 16:04:58
字體:
來源:轉載
供稿:網友
解決了一個表格不能重復下載的小BUG,一個使用grid初始化發生的BUG,需要的朋友可以參考下

搜索了蠻久,找到一些例子,因為我是初學者的緣故大多不知道怎么使用。。

研究了一下那個源碼,搞到現在終于實現了基本的下載。解決了一個表格不能重復下載的小BUG,一個使用grid初始化發生的BUG

下面記錄一下步驟。說不定下次還有用

1.下載需要用到js代碼,我已經上傳 

2.在你的html文件中加入引用,路徑問題自己 注意下,下面是我的路徑

復制代碼 代碼如下:


<script type="text/javascript" src="../export/export-all.js" ></script>;


3.在你要用到的JS代碼的Ext.onReady()的開始加上

復制代碼 代碼如下:


Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux.exporter', '../export/exporter');
Ext.require([
'Ext.ux.exporter.Exporter'
]);


設置命名空間。。注意路徑

4.在代碼里面使用,在你需要下載功能的grid處合適的地方加入

復制代碼 代碼如下:


xtype: 'exporterbutton',
// store: store
component: Ext.getCmp('gird_a')


這是兩種初始化excel的方式,一種用store初始化,使用store的fields和data,因為我的store中的fields名字是英文,導出來的列名是英文所以我沒有使用這種,而是直接用grid進行初始化。

下面說下在別人的代碼基礎上我修改的地方

1.在exporter.js第40行,改成了

復制代碼 代碼如下:


var columns = Ext.Array.filter(grid.columnManager.columns,


原來的代碼在第一個參數那里是grid.columns,后來我發現動態生成的grid在reconfigure之后columns放在columnManager.columns里,所以這么改


2.在workbook.js中77.78行,加了兩句話

復制代碼 代碼如下:


this.styles=[];
this.worksheets=[];


以上2行代碼進行一些初始化,否則excel每次生成因為沒有清空之前的數據導致格式錯誤

經過以上的簡單修改已經可以對一個grid隨意導出,并且支持對定制字段的表格導出,即導出表格顯示的列

效果圖在這里:

ExtJS4 動態生成的grid導出為excel示例

 

ExtJS4 動態生成的grid導出為excel示例

 
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 苏尼特左旗| 广西| 张北县| 治多县| 共和县| 商洛市| 衢州市| 五家渠市| 祁连县| 响水县| 云安县| 中方县| 京山县| 淅川县| 蛟河市| 和田市| 弥渡县| 宁化县| 会泽县| 中阳县| 咸宁市| 疏附县| 盐山县| 海盐县| 酒泉市| 磐石市| 甘南县| 桦川县| 手游| 昌江| 昭觉县| 河南省| 厦门市| 伽师县| 明光市| 南木林县| 高青县| 彝良县| 南涧| 昌黎县| 神农架林区|