1. 程式人生 > >程式設計之旅-Ext4.X匯入excel表格在grid中顯示

程式設計之旅-Ext4.X匯入excel表格在grid中顯示

1:關於匯入excel就不說了 網上很多教程,關鍵是在ext grid中顯示問題,其實就是對Ext的瞭解和api熟悉程度不高。

目前在ext中匯入excel嘗試通過了兩種方法。

需求:匯入excel 在Ext grid中顯示 然後點選按鈕確定是否儲存(後臺做資料驗證,固定列名)

分析需求可以理解為如何更換Grid的資料來源為本地資料

方法一:(不推薦行數50大概載入2-3M,我載入700行13列的資料載入了2,3分鐘...)

這種方式不推薦所以就提供api和大概例子

store.add(
    name: data[i].get("name"),
    sex: data[i].get("name")
}));
一般還需要在外面加個for迴圈


方法二:(推薦這種方法效率跟從後臺取的效率差不多,載入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[{'',''},{'',''}]