天天看點

[ExtJS5學習筆記]第三十四節 sencha extjs 5 grid表格之java背景導出excel

繼上次使用js前端導出excel之後,還有一個主要大家比較關注的是背景實作導出excel,因為本人開發使用的java是以這裡使用apache的開源項目poi進行背景excel的導出。

<a href="#%E6%9C%AC%E6%96%87%E7%9B%AE%E5%BD%95">本文目錄</a>

<a href="#poi%E9%A1%B9%E7%9B%AE%E4%B8%8B%E8%BD%BD%E5%8F%8A%E5%8A%A0%E8%BD%BD">poi項目下載下傳及加載</a>

<a href="#extjs%E5%89%8D%E7%AB%AF%E5%AF%BC%E5%87%BA%E8%AE%BE%E7%BD%AE">extjs前端導出設定</a>

<a href="#extjs%E5%90%8E%E5%8F%B0%E5%AF%B9%E5%BA%94%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88">extjs背景對應的解決方案</a>

<a href="#%E5%88%9B%E5%BB%BAexcel%E5%B7%A5%E4%BD%9C%E7%B0%BF">建立excel工作簿</a>

<a href="#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAexcel%E9%A1%B5%E7%AD%BE">建立一個excel頁簽</a>

<a href="#%E7%94%9F%E6%88%90excel%E6%A0%B7%E5%BC%8F%E5%B9%B6%E5%88%9D%E5%A7%8B%E5%8C%96">生成excel樣式并初始化</a>

<a href="#%E4%BA%A7%E7%94%9F%E8%A1%A8%E6%A0%BC%E6%A0%87%E9%A2%98%E8%A1%8Cbuild-headers">産生表格标題行build headers</a>

<a href="#%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE%E8%A1%8Cbuild-rows">構造資料行build rows</a>

POI項目是apache官網的一個開源項目,其主要目的是對microsoft的辦公軟體進行接口封裝,讓使用者可以對其進行編碼方式書寫。

到寫文章的時候,最新版本是3.1.1,下載下傳bin包 解壓縮後将jar包(以下圖檔中的jar包)加入到項目的lib中:

[ExtJS5學習筆記]第三十四節 sencha extjs 5 grid表格之java背景導出excel

OK。自己測試一下是否正常添加到項目庫中就可以了。

在前端extjs的grid中加入底部gridtoolbar内容增加一個導出excel按鈕,增加處理事件,對處理事件關聯到背景action.

在背景的action處理:

跟标題行一樣 周遊前台傳入的grid參數 找到store 過濾參數條件 周遊插入excel資料行并填充資料即可。

本文主要使用的markdown編輯器功能:

1. 代碼高亮

2. 圖檔上傳

3. 标題目錄