Flex ve XML - Bölüm 2

November 17th, 2008  

  • Digg
  • StumbleUpon
  • del.icio.us
  • Google
  • Furl
  • Technorati
  • BlinkList
  • blogmarks
  • Facebook
  • LinkedIn


Get the Flash Player to see this player.

Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle"
	viewSourceURL="srcview/index.html" creationComplete="init(event)"  >
	<mx:Style source="style/flexAdami.css" />
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.ListEvent;
			import mx.collections.ArrayCollection;

			[Bindable]
			public var meyveList:XMLList

			public function init(evt:Event):void {
				//meyveList = meyveXML.meyve.ad
				//veriAlani.dataProvider = meyveList;
				var seciciList:XMLList = meyveXML.meyve.mevsim
				secici.dataProvider = suz(seciciList)

				meyveList = meyveXML.meyve.(mevsim==secici.selectedItem).ad
			}

			public function suz(g:XMLList):ArrayCollection {
				var gecici:ArrayCollection = new ArrayCollection();
				for each(var eleman:String in g) {
					if(!gecici.contains(eleman)) {
						gecici.addItem(eleman);
					}
				}
				return gecici;
			}

			public function sec(evt:ListEvent):void {
				meyveList = meyveXML.meyve.(mevsim==evt.currentTarget.selectedItem).ad
			}

		]]>
	</mx:Script>

	<mx:XML source="xml/veri.xml" id="meyveXML" />
	<mx:ComboBox id="secici" change="sec(event)" />
	<mx:List id="veriAlani" width="200" dataProvider="{meyveList}" />
</mx:Application>

Veri.xml

<?xml version="1.0" encoding="UTF-8" ?>
<meyveler>
	<meyve id="1">
		<ad>Karpuz</ad>
		<mevsim>Yaz</mevsim>
	</meyve>
	<meyve id="2">
		<ad>Portakal</ad>
		<mevsim>Kis</mevsim>
	</meyve>
	<meyve id="3">
		<ad>Kiraz</ad>
		<mevsim>Yaz</mevsim>
	</meyve>
	<meyve id="4">
		<ad>Mandalina</ad>
		<mevsim>Kis</mevsim>
	</meyve>
</meyveler>

Yorumlar [8 ]

  • ferda
    ferda

    mrblar flexle daha bir kaç gundur ilgileniyorum ancak bu 2.derste takıldım bir sorum olacak yanıtlarsanız cok sevinirim.src klasörü altında xml ve sytle alt klasörleri var. ben onalrı tanımlayamıyorum normal klasör ve dosya şeklinde oluşturduğumda ise veri.xml kaydı doğru oluşmuyor çunku outline kısmında da görünüyor yardmcı olursanız sevinirim tskkurler


  • betül
    betül

    xml yi oluşturamadım bana yardımcı olursanız sewinirim src klasörünün altında hiçbişey yok sacece mxml war:( bu arada çok güzel bir çalışma yapmışsınız emeğinizden dolayı teşekkür ediyorum


  • acar
    acar

    hocam anlatımınız içim çok teşekkürler ben as2.0 dan 3 ve flex adımı attım gerçekten çok yararlı ve çok açıklayıcı dersler anlatıyorsunuz sormak istediğim birşey var diğer yorum yapan arkadaşlar da takılmış sanırım Flex Build de XML belgesi oluşturmayla ilgili sıkıntı yaşadım bir açıklama yaparmısınız bunla ilgili.

    Çok Teşekkürler Herşey için.


  • FlexAdamı
    FlexAdamı

    Merhaba,

    src klasorunun ustunde sağ buton yapıp “New File” diyebilirsin. Dosya uzantısını “xml” yapalım. Flex builder’da dosya oluştuktan sonra design view’de goruntülenebilir, xml dosyasına bakarken source gorunumunde daha rahat çalışabilirsiniz.


  • acar
    acar

    hocam cevabınız için çok teşekkürler ilk olarak bu şekilde denedim “file” uzantısını değiştirerek yalnız desing den wiew görüntüleyemedim source görümündede outline ağacı oluşmuyor flex build 3 kullanıyorum acaba sorun sürümdemi yoksa bendemi meşgul ediyorum çok özür dilerim.


  • FlexAdamı
    FlexAdamı

    Merhaba Acar,

    Aşağıdaki ekran görüntülerine bir bakarmısın

    Design View
    http://www.berkayunal.com/share/sc1-20090602-095547.jpg

    Source View
    http://www.berkayunal.com/share/sc2-20090602-095700.jpg


  • hasan
    hasan

    Selam, Flex’e yeni başladım. Videoları sırayla izliyorum. Anlatımlar çok iyi, umarım bu site varlığını uzun yıllar sürdürür.

    Sorunuma gelince; “” tagı için “The markup in the document following the root element must be well-formed.” şeklinde bir hata verip, kodu çalıştırmıyor. Ne yaptıysam düzeltemedim.

    Linux kullanıcısı olduğum için, Adobe Flex Builer’ı doğrudan kullanamıyorum. Onun yerine Eclipse Europa 3.3.2 ve Flex Builder alpha 4 eklentisini kullanmaktayım


  • tşk.


  • Yorum Ekle

    1. (Gerekli)
    2. (Email adresi geçerli olmalıdır)
    3. (Gerekli)
     

    Ders hakkinda

    Yazar: FlexAdamı
    Yazılım: Flex - AS 3.0
    Seviye: Orta
    1 Puan2 Puan3 Puan4 Puan5 Puan (7 oy, Ortalama: 4.14/5)
    Loading ... Loading ...
    Bu dersimizde Flex uygulamasına XML dökümanından verilerin mx:XML etiketi ile yüklenmesini görüyoruz. XML verisini List kontrolü içerisinde gösterirken aynı zamanda Combobox kontrolü ile de filtreliyoruz
    BİR KAHVENİ İÇERİM ;)
    Google Friend Connect
    Etiketler
    Ilgili Diger Konular
    Fazlaca Okunanlar