FLEX ve JS 4

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

Flex'den gelen kişi bilgilerinin görüntülenmesi için biraz Javascript kodlama yapılması gerekir. Böylece bir dizi Javascript kodu içinde displayPerson işlevi yaratılır. Buradaki işlev adı ExternalInterface.call ile yazılana tıpatıp aynı olmalıdır. Önce boş nesne alınmadığı öğrenilmelidir. Eğer null ise uyarı mesajı verilir. Bundan sonra nesne javascript nesnesi gibi kullanılabilir ve datagrid kolonlarına nesne özelliği dil kurallarıyla erişilebilir. Bunlarla yapılacak şey değerleri tablo hücrelerinde görüntülemektir. Ama aslında bu veriyle istenilen herşey yapılabilir. HTML kodlamasında aşağıdakine benzer bir kod oluşur:

Kodlama:

function displayPerson(person)

{

  if(person == null){ 

    alert("Please select a person, or maybe I screwed up.");

  }

  else{

    document.getElementById('nameDisplay').innerHTML = 

      person.Name;

    document.getElementById('ageDisplay').innerHTML = person.Age;

    document.getElementById('sexDisplay').innerHTML = person.Sex;

  }

}

Bundan sonra javascript altına biraz html kodlaması ekleyerek işlemin nasıl çalıştığı gösterilmiş olur. Unutulmamalıdır ki nesnede allowJavascriptAccess özelliği olmalıdır. Bunun film içinede gömülmüş biçimde olması gerekir. Böylece "Javascript Display" düğmesi çalışabilir.

Kodlama:

<table>

  <tr>

    <td>Name:</td>

    <td id="nameDisplay" style="width:150px;"> </td>

  </tr>

  <tr>

    <td>Age:</td>

    <td id="ageDisplay" style="width:150px;"> </td>

  </tr>

  <tr>

    <td>Sex:</td>

    <td id="sexDisplay" style="width:150px;"> </td>

  </tr>

</table>

Artık Flex uygulamasından herhangi bir javascript işlevi çağrılabilir. Bundan sonra yapılavak işlem Flex uygulamasını öyle ayarlamaktır ki dışarıdan (javascript) bu koda erişim olabilsin. Javascript ExternalInterface aracılığıyla Flex uygulamasını çağırır. İlk yapılacak şey uygulama içinde bazı işlevler yazmak ve bunlara dışarıdan erişileceğini belirtmektir. İlkleme olayında işlevi başlatmak için bir kodlama uygulama biçimine eklenir. Aşağıdaki kodlama yeni uygulama biçimini gösterir.

Kodlama:

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

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

  initialize="initApp()" 

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