Come costruire un flex DataGrid dal Codice

February 22

Usando il linguaggio Adobe Flex, è possibile creare animazioni interattive sul tuo sito web. Il controllo DataGrid Flex estrae i dati da un file di database o XML e li visualizza in un componente di rete sulle tue pagine. Si crea il codice DataGrid nella finestra di progettazione Flex e associare i dati che si desidera visualizzare nel controllo. Il controllo DataGrid rende conveniente per visualizzare elenchi di dati, perché non si dispone di progettare manualmente la tabella.

istruzione

1 Aprite l'editor Adobe Flex sul desktop di programmazione e aprire il progetto che si desidera modificare. Aprire il modulo Web in cui si desidera visualizzare il DataGrid.

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

3 Modificare il "HeaderText" proprietà per i nomi delle intestazioni delle colonne che si desidera visualizzare. Per esempio, se si dispone di un elenco di clienti da visualizzare, cambiare la prima colonna per "Nome cliente".

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

5 Associare i dati alla rete. Il seguente codice di esempio si lega il file XML denominato "mycustomers.xml" per la griglia:

<Mx: Modello id = "clienti" source = "mycustomers.xml" />

6 Aggiungere la nuova origine dati per le proprietà della griglia. Ritorno al controllo DataGrid aggiunto in precedenza e inserire la seguente proprietà:

dataProvider = "cliente"

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

7 Fai clic su "Salva" e quindi fare clic su "Esegui" per eseguire il nuovo codice nel debugger Flex. Rivedere la griglia per garantire che i display di dati e viene posto in cui si desidera che appaia nella pagina Web.


Articoli Correlati