FLEX ve JS 2

Buradaki açıklamalar http://www.tutorialized.com/tutorials/Adobe-Flex/1 adresindedir

İlk yapılacak şey önce bir flex uygulaması ayarlamaktır. Aşağıdaki kod en basit uygulamaya en yakın olandır. Burada belli yükseklik ve en içinde uygulama ayarları bulunur. Flimin kaynak kod seçenekleri "viewSource URL" niteliğiyle belirtilir.

Kodlama:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 

layout="absolute" width="482" height="348"

viewSourceURL="../files/JSTutorial.mxml">

</mx:Application>

Bundan sonraki adım basit flex arayüzü oluşturmaktır. İçinde hiçbir işlevsellik yoktur. Uygulamaya bir panel eklenir. Daha sonra DataGrid nesnesiyle verilerin baülantısı kurulur. DataGrid için birkaç kolon eklenir (DataGridColumn). Veri alanlarının adları genel bilgiler için anahtar olat-rak kullanılacaktır. Bir de düğme eklenir. Bu düğme javascript işlevini çağırmak için kullanılacaktır. En sonunda bir etiket durumu göstermek için tanımlanır. Bunların hepsi uygulama biçimi içinde yer alır.

Kodlama:

<mx:Panel id="pnlMain" x="10" y="10" width="462" height="328" 

<ayout="absolute" title="Simple Javascript Interaction">

<mx:DataGrid id="dgPeople" x="10" y="10" width="422" 

height="229">

<mx:columns>

<mx:DataGridColumn headerText="Name" dataField="Name"/>

<mx:DataGridColumn headerText="Age" dataField="Age"/>

<mx:DataGridColumn headerText="Sex" dataField="Sex"/>

</mx:columns>

</mx:DataGrid>

<mx:Button x="10" y="256" label="JavaScript Display" 

id="butJSDisplay" />

<mx:Label x="149" y="260" id="lblMessage"/>

</mx:Panel>

Bu adımda küçük arayüzü görebilmek için derleyebilirsiniz.