Blog

Ext JS 5 Tutorial #02 – Copy and Past from Excel into Grid

Può capitare di aver bisogno di importare in una Grid Ext JS 5 una grande quantità di dati, per elaborarli successivamente.

Solitamente si procede a scrivere un programma (magari in PHP) che legga in input il File Excel dell’utente e lo importi in una tabella MySQL, per poi visualizzarne il contenuto dentro una Grid.

Ma in questa guida voglio mostrarvi un metodo differente.

E infatti possibile creare una Grid valorizzabile tramite Copia e Incolla da un File Excel.

Senza troppi giri di parole vi mostro il codice del programma ed un esempio pratico:

index.html

peg_pgm.js

peg_store.php

File Excel peg.xlsx da cui copiare i dati per poi incollarli nella Grid:

 

Aprendo il programma vedrete una Grid con solo un record vuoto:

peg_1

Aprite il File Excel scaricato, selezionate le celle da incollare (esclusa l’intestazione) e premete Ctrl+C (Copia):

 

peg_excel

Tornate alla Grid del programma Ext JS 5 e posizionatevi sulla prima cella a sinistra:

peg_4

Adesso premete Ctrl+V (Incolla) e… vedrete i dati correttamente importati nella Grid:

peg_5

L’esempio pratico lo trovate qui: