달력

5

« 2025/5 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
2011. 10. 11. 11:49

[Flex] spark DropDownList MultiSelect 공부/flex2011. 10. 11. 11:49





Application.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:component="component.*"
     >
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   [Bindable]
   public var acList:ArrayCollection = new ArrayCollection([
    {label:"JAVA",selected:false},
    {label:".NET",selected:false},
    {label:"C++",selected:false},
    {label:"FLEX",selected:false}]);
   public function getSelectionLabel():void{
      lbSelections.text = "";
      ddlMultiSelection.labelDisplay.text = "MultiSelected";
      for (var i:int = 0; i < acList.length; i++)
     {
         if(acList[i].selected){
            lbSelections.text += " " + acList[i].label;
          }
      }
   }
  ]]>
 </fx:Script>
 <s:HGroup width="100%" height="100" left="20" top="20" verticalAlign="middle">
      <s:DropDownList id="ddlMultiSelection"
              itemRenderer="renderers.MultiSelectItemRenderer"
              dataProvider="{acList}" close="getSelectionLabel()" />
       <s:Label id="lbSelections" text="Selected Items...."/>
 </s:HGroup>
</s:Application>



MutiSelectItemRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    autoDrawBackground="true" width="100%">
 <fx:Script>
  <![CDATA[
   import mx.core.IFlexDisplayObject;
   private function evnetMouseEventControll(event:MouseEvent):void{
       event.stopImmediatePropagation();
   }
   private function eventChangeSelection():void{
       data.selected = checkbox.selected;
   }
  ]]>
 </fx:Script>
 <s:CheckBox id="checkbox"
    width="100%"
    selected="{data.selected}"
    label="{data.label}"
    mouseUp="evnetMouseEventControll(event)"
    mouseDown="evnetMouseEventControll(event)"
    change="eventChangeSelection()"/>
 
</s:ItemRenderer>



결과화면

:
Posted by 알 수 없는 사용자
2011. 10. 5. 14:49

[Flex] CursorManager && Graphic..path.. 공부/flex2011. 10. 5. 14:49


<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      creationComplete="eventInit()">
 <fx:Script>
  <![CDATA[
   import component.CGraphicBase;
   
   import mx.managers.CursorManagerPriority;
   import mx.managers.CursorManager;

   [Bindable]
   [Embed(source="img/tag.png")]
   public var customCursor:Class;
   private function eventInit():void{
        var oItem:Object = new Object();
        oItem.name = "testGraphic";
        oItem.today = new Date();
        //make Graphic
         var oGraphic:CGraphicBase = new CGraphicBase();
        oGraphic.graphicInfo = oItem;
        oGraphic.width =200;
        oGraphic.height = 100;
        oGraphic.x = 100;
        oGraphic.y = 100;
        oGraphic.color = 0xF19232;
        oGraphic.toolTip = oItem.name + "-" + oItem.today.toString();
        oGraphic.reFreshImage();
        oGraphic.addEventListener(MouseEvent.MOUSE_OVER,eventMouseOver);
        oGraphic.addEventListener(MouseEvent.MOUSE_OUT,eventMouseOut);
        bc.addElement(oGraphic);
   }
   private function eventMouseOver(event:MouseEvent):void{
        var oTarget:CGraphicBase = event.currentTarget as CGraphicBase;
        CursorManager.setCursor(customCursor, CursorManagerPriority.HIGH, 3, 2);
   }
   private function eventMouseOut(event:MouseEvent):void{
        var oTarget:CGraphicBase = event.currentTarget as CGraphicBase;
        CursorManager.removeAllCursors();
   }
  ]]>
 </fx:Script>
 <s:BorderContainer id="bc" width="100%" height="100%">
  
 </s:BorderContainer>
</s:Application>
 





CGraphicBase

<?xml version="1.0" encoding="utf-8"?>
<s:Graphic xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/mx"
     xmlns:common="common.*">
 <fx:Script>
  <![CDATA[
   private var oInfo:Object;
   public function set graphicInfo(value:Object):void{
    oInfo = value;
   }
   public function get graphicInfo():Object{
    return oInfo;
   }
   public function set color(value:uint):void{
    ge.color = value;
   }
   public function set fillAlpha(value:Number):void{
    ge.alpha = value;
   }
   public function get fillAlpha():Number{
    return ge.alpha;
   }
   public function reFreshImage():void{
    btnPath.data = "M 0 0 L "+this.width.toString()+" 0 L "+this.width.toString()+" "+this.height.toString()+" L 0 "+this.height.toString()+ " L 0 0 ";
   }
  ]]>
 </fx:Script>
 <s:Path id="btnPath">        
  <s:fill>
   <s:LinearGradient rotation="90">
    <s:GradientEntry id="ge" color="#F7CB3C" alpha=".6"/>
   </s:LinearGradient>
  </s:fill>       
  <s:stroke>            
   <s:SolidColorStroke id="outline" alpha="1" color="{ge.color}" weight="1" />       
  </s:stroke>    
 </s:Path>
</s:Graphic>



:
Posted by 알 수 없는 사용자
2011. 10. 5. 14:01

[Flex] Spark DataGrid Html ItemRenderer rowheight 공부/flex2011. 10. 5. 14:01



<s:DataGrid id="dg" width="100%" height="100%" dataProvider="{acDGData}" variableRowHeight="true">
     <s:columns>
          <s:ArrayList>
             <s:GridColumn headerText="no." dataField="no"/>
             <s:GridColumn headerText="社員名" dataField="name"/>
             <s:GridColumn headerText="お知らせ" dataField="news" >
                 <s:itemRenderer>
                    <fx:Component>
                        <s:GridItemRenderer>
                            <mx:Text htmlText="{data.news}" width="100%" height="100%"/>
                        </s:GridItemRenderer>
                    </fx:Component>
                </s:itemRenderer>
            </s:GridColumn>
          </s:ArrayList>
     </s:columns>         
 </s:DataGrid>




[Bindable]
public var acDGData:ArrayCollection = new ArrayCollection([{no:1,name:"管理者",news:"お知らせテスト"},{no:2,name:"管理者",news:"お知らせテスト2"}.......]);


'공부 > flex' 카테고리의 다른 글

[Flex] spark DropDownList MultiSelect  (0) 2011.10.11
[Flex] CursorManager && Graphic..path..  (0) 2011.10.05
[Flex]Spark DataGrid HeaderRenderer CheckBox  (0) 2011.10.05
[Flex] Spark DataGrid ItemRenderer  (0) 2011.10.05
[Flex] Date "YYYY/MM/DD"  (2) 2011.09.23
:
Posted by 알 수 없는 사용자
2011. 10. 5. 11:28

[Flex] Spark DataGrid ItemRenderer 공부/flex2011. 10. 5. 11:28



<s:DataGrid id="dg" width="100%" height="100%" dataProvider="{acDGData}">
         <s:columns>
          <s:ArrayList>
           <s:GridColumn headerText="no." dataField="no"/>
           <s:GridColumn headerText="社員名" dataField="name"/>
           <s:GridColumn headerText="お知らせ" dataField="news">
            <s:itemRenderer>
             <fx:Component>
              <s:GridItemRenderer>
               <s:TextArea text="{data.news}"/>
              </s:GridItemRenderer>
             </fx:Component>
            </s:itemRenderer>
           </s:GridColumn>
          </s:ArrayList>
         </s:columns>         
        </s:DataGrid>
:
Posted by 알 수 없는 사용자