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 Yet
You can be the first to comment!
Leave a comment