程式設計之旅-Ext4.X匯入excel表格在grid中顯示
阿新 • • 發佈:2018-11-12
1:關於匯入excel就不說了 網上很多教程,關鍵是在ext grid中顯示問題,其實就是對Ext的瞭解和api熟悉程度不高。
目前在ext中匯入excel嘗試通過了兩種方法。
需求:匯入excel 在Ext grid中顯示 然後點選按鈕確定是否儲存(後臺做資料驗證,固定列名)
分析需求可以理解為如何更換Grid的資料來源為本地資料
方法一:(不推薦行數50大概載入2-3M,我載入700行13列的資料載入了2,3分鐘...)
這種方式不推薦所以就提供api和大概例子
一般還需要在外面加個for迴圈store.add( name: data[i].get("name"), sex: data[i].get("name") }));
方法二:(推薦這種方法效率跟從後臺取的效率差不多,載入700行13列的資料就載入了2,3秒都不到...,)
var myStore = Ext.create("Ext.data.Store", { model : 'Import.model.model', data : data }); Ext.getCmp('xx_grid').reconfigure(myStore); var store2 = Ext.getCmp("xx_grid").getStore(); store2.load();
這個方法就是給Grid更換資料來源(store);data就是資料來源頭即 請求後臺時定義的
reader: {
type: 'json',
root: 'data'
}、
model的話就是資料名稱而已例
Ext.define('Import.model.model', { extend: 'Ext.data.Model', requires: [ 'Ext.data.Field' ], fields: [ { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' }, { name: '' } ] });
資料格式為data[{'',''},{'',''}]