Flash Builder Örnekleri

Flash Builder ( Flex 4 ) Makaleleri

  • Ana SayfaAna Sayfa

11 Nisan 2010
Posted by admin

Icons to Accordion

You could adding icons to accordion witouth headerrender.

Turkish:
Accordion menuye icon eklemek için header render kullanmak zorunda değilsiniz.Aşağıdaki örneklede ekleyebilirsiniz.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
			   xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
 
 
 
		<fx:Script>
			<![CDATA[
			[Bindable]
			[Embed(source="menu1.png")]
			private var BulletCheck:Class;
 
			[Bindable]
			[Embed(source="menu2.png")]
			private var BulletWarning:Class;
 
			[Bindable]
			[Embed(source="menu3.png")]
			private var BulletCritical:Class;
			]]>
		</fx:Script>
 
	<fx:Declarations>
 
		<fx:XML id="itemsXML">
			<items>
				<item label="Item 1" status="warning" />
				<item label="Item 2" status="critical" />
				<item label="Item 3" status="critical" />
				<item label="Item 4" status="check" />
				<item label="Item 5" status="warning" />
				<item label="Item 6" status="check" />
				<item label="Item 7" status="check" />
				<item label="Item 8" status="critical" />
			</items>
		</fx:XML>
	</fx:Declarations>
 
		<mx:ApplicationControlBar dock="true">
			<mx:Label text="selectedIndex: {accordion.selectedIndex}" />
			<mx:Spacer width="100" />
			<mx:Label text="label: {accordion.getHeaderAt(accordion.selectedIndex).label}" />
		</mx:ApplicationControlBar>
 
		<mx:Accordion id="accordion"
					  width="400"
					  height="200">
			<mx:VBox label="Success"
					 icon="{BulletCheck}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="successGrid"
							 dataProvider="{itemsXML.item.(@status == 'check')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
 
			<mx:VBox label="Warning"
					 icon="{BulletWarning}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="warningGrid"
							 dataProvider="{itemsXML.item.(@status == 'warning')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
 
			<mx:VBox label="Critical"
					 icon="{BulletCritical}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="criticalGrid"
							 dataProvider="{itemsXML.item.(@status == 'critical')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
		</mx:Accordion>
 
</s:Application>

Demo :

No Comments

Posted Under <mx:Accordion>

No Comments Yet

You can be the first to comment!

Leave a comment

* = Required

    • Posts
    • Twitter
    • Flickr
     

    Flex’te...

    Hatalar - Errors

     

    As3 Email...

    Action Script Hints

     

    ColorPicker an...

    <mx:ColorPicker>

    Seonokta.com kurumsal sitelere seo hizmeti sunmaktadır. Sitenizin Google aramalarında daha üstte olmasını... http://ff.im/oMiZE

    follow me on
    twitter

    DSC_0076IMAG0274fireworks2009_0807blackwatchaug090114
  • Categories

    • Action Script Hints
    • Charts – <mx:Chart>
    • Components – <fx:Component>
      • <mx:Accordion>
      • <mx:ColorPicker>
      • <mx:PopUpMenuButton>
      • <s:Spinner>
    • Genel – <s:Application>
    • Hatalar – Errors
  • Archives

    • 2010
      • Ocak
      • Şubat
      • Nisan
      • Mayıs
      • Haziran
      • Temmuz
    • 2009
      • Aralık
  • Bağlantılar

    • kiralık uçak

This site is using the Handgloves WordPress Theme
Designed & Developed by George Wiscombe

Subscribe via RSS