My Study/Flex

ListBox 선택값 색깔 바꾸기

Kduks 2008. 12. 3. 11:02
반응형


셀렉트값 선택색깔 다른색으로 바꾸기


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.events.ColorPickerEvent;  //이벤트 임포트

            private function colorPicker_change(evt:ColorPickerEvent):void {
                list.setStyle("textSelectedColor", evt.color);
            }
            // 이벤트 set스탈 (styleProp:String, newValue:Object);
        ]]>
    </mx:Script>

    <mx:Array id="arr">
        <mx:Object label="One" />
        <mx:Object label="Two" />
        <mx:Object label="Three" />
        <mx:Object label="Four" />
        <mx:Object label="Five" />
        <mx:Object label="Six" />
        <mx:Object label="Seven" />
        <mx:Object label="Eight" />
        <mx:Object label="Nine" />
        <mx:Object label="Ten" />
    </mx:Array>  //리스트 박스에 넣어둬

    <mx:ApplicationControlBar dock="false">
        <mx:Form styleName="plain">
            <mx:FormItem label="textSelectedColor:">
                <mx:ColorPicker id="colorPicker"
                        change="colorPicker_change(event);" />   //colorPicker_change 이벤트 발생시키기
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:List id="list"
            dataProvider="{arr}"
            width="100" />

</mx:Application>


 
-- 결과물


반응형