Nwlapcug.com


Come costruire un Flex DataGrid da codice

Utilizzando il linguaggio Adobe Flex, è possibile creare animazioni interattive sul tuo sito Web. Il controllo DataGrid Flex estrae i dati da un database o un file XML e lo Visualizza in un componente di griglia sulle tue pagine. Generare il codice di DataGrid in Flex Progettazione e associare i dati che si desidera visualizzare nel controllo. Il controllo DataGrid rende conveniente per visualizzare elenchi di dati, perché non devi progettare manualmente la tabella.

Istruzioni

1

Aprire l'editor di Adobe Flex su programmazione desktop e aprire il progetto che si desidera modificare. Aprire il Web form in cui si desidera visualizzare il controllo DataGrid.

2

Fare clic sulla scheda "Visualizza codice" per vedere il codice dietro il Web form. Trascinare e rilasciare il controllo DataGrid dalla casella degli strumenti nella posizione in cui si desidera la griglia per visualizzare i dati. L'editor di Flex automaticamente disegna la griglia e crea il layout di base nella visualizzazione codice.

3

Modificare la proprietà "HeaderText" per i nomi di intestazione di colonna da visualizzare. Per esempio, se si dispone di un elenco di clienti per visualizzare, modificare la prima intestazione di colonna per "Nome del cliente."

4

Modificare la proprietà di "ID" per il nome che si desidera assegnare alla griglia. Questo è l'ID verrà utilizzato se si desidera personalizzare o modificare la griglia in futuro.

5

Associare i dati alla griglia. Nell'esempio di codice riportato di seguito viene associato il file XML denominato "mycustomers.xml" alla griglia:

< mx:Model id = "clienti" source="mycustomers.xml"/ >

6

Aggiungi nuova origine dati alle proprietà della griglia. Tornare al controllo DataGrid che aggiunto in precedenza e inserire la seguente proprietà:

dataProvider = "customer"

Si noti il valore della proprietà "dataProvider" è il nome del set di dati creato in precedenza. Questo associa i dati alla griglia.

7

Fare clic su "Salva" e quindi fare clic su "Esegui" per eseguire il nuovo codice nel debugger Flex. Esaminare la griglia per garantire che i dati vengono visualizzati e viene posizionato dove si desidera venga visualizzato nella pagina Web.