Merhabalar,

Bu yazımızda da bir önceki yazımızdaki gibi yine bir Flex bileşeni içerisinde XML verilerini göstereceğiz. Bu uygulama için kullandığımız XML dosyamız yine aynı XML dosyasıdır.

uyeler.xml :

<?xml version="1.0" encoding="utf-8"?>
<uyeler>
    <uye>
        <resim>images/uye1.jpg</resim>
        <isim>Ömer Dursun</isim>
        <meslek>Öğretmen</meslek>
        <dogum>01-01-1974</dogum>
    </uye>
    <uye>
        <resim>images/uye2.jpg</resim>
        <isim>Ahsen Taşkıran</isim>
        <meslek>Çevre Mühendisi</meslek>
        <dogum>01-05-1980</dogum>
    </uye>
    <uye>
        <resim>images/uye3.jpg</resim>
        <isim>Arif Canayakın</isim>
        <meslek>Mafya</meslek>
        <dogum>24-02-1977</dogum>
    </uye>
</uyeler>

Yalnız List bileşeni içerisinde XML dosyamızdaki veri yapılarının sadece isim veya meslek veya doğum tarihi alanını göstereceğiz. Bunun için kullanacağımız yöntem yine aynı olacak. Aşağıdaki kodlar List bileşeni içerisine XML dosyamız içerisindeki üye yapısının isim alanını sıralamaktadır.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" initialize="myHTTP.send()" xmlns:comp="comp.*">

    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;

            [Bindable]
            private var uyeler:ArrayCollection;

            private function myResult(event:ResultEvent):void
            {
                uyeler = event.result.uyeler.uye;
            }
        ]]>
    </mx:Script>

    <mx:HTTPService id="myHTTP" url="data/uyeler.xml" result="{myResult(event)}"/>
    <mx:List id="myList" dataProvider="{uyeler}" labelField="isim"/>
    <mx:Label text="{myList.selectedItem.meslek}"/>
</mx:Application>

Yine aynı şekilde XML’deki verilerimiz Flex içerisinde List bileşenine HTTPService ile yükletiliyor. Kodların sonunda eklenen Label bileşeni ise List bileşeninde seçili olan nesnenin XML içerisindeki meslek bilgisini ekrana getiriyor.

Burada hatırlamamız gereken bir nokta var. XML içerisinde uye yapısının taşıdığı dört değişken var (yapı olarak) ve bu değişkenleri her bir uye elemanı taşıyabilir. Bu yüzden verilerimizi ArrayCollection tipinde tanımlanmış bir değişken ile Flex içerisine aktarıyoruz. Bu üye elemanlarının ise List bileşeni içerisinde sadece isim alanını (labelField sayesinde-değiştirilebilr) görüntülüyoruz. Listede görüntülemiş olduğumuz alan değerinin sahip olduğu yapının diğer alanlarına da erişebilmek için selectedItem. syntax ını kullanıyoruz. Yani seçili değerin ait olduğu elemanın diğer değerlerini de kontrol edebiliyoruz. İşte Label bileşeninde görüntülenen meslek bilgisi bunun için güzel bir örnek. Uygulamanın çalışan örneği aşağıdadır. Kolay Gelsin..

NOT: Sayfada bazan SWF dosyaları çalışmıyor (tarayıcıya göre) yada bağlantılara izin verilmiyor. Eğer kaynağı görüntüle butonlarını çalıştıramıyorsanız, uygulamanın kaynağına buradan ulaşabilirsiniz.