Flex 学习笔记 Datagrid中创建自定义ComboBox控件及数字校验

列表某列如何设置成下拉框，如何实现数字校验，可通过下面代码实现

效果图：

 

 

View Code

<?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" minWidth="955" minHeight="600" >
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>    
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.events.DataGridEvent;
            
            private var dpFormula:ArrayCollection=new ArrayCollection([
                {NAME:"AA",OPERATOR:">",OVALUE:5},
                {NAME:"BB",OPERATOR:">=",OVALUE:9},
                {NAME:"CC",OPERATOR:"<",OVALUE:6}
            ])
            protected function btnsave_clickHandler(event:MouseEvent):void
            {
                for(var i:Number=0;i<dpFormula.length;i++){        
                    if(dpFormula[i].OVALUE==""){
                        Alert.show("请输入算法值");
                        return;
                    }
                    if(!isNumber(dpFormula[i].OVALUE)){
                        dgFormula.editedItemPosition={ columnIndex:2, rowIndex:i};
                        return
                    }
                }
                //校验完毕，可进行保存处理
            }
            
            private function isNumber(value:String):Boolean{            
                var num:Number=Number(value);
                if(num.toString()=="NaN"){
                    return false;    
                }
                else{
                    return true;
                }                
            }

        ]]>
    </fx:Script>

    
    <mx:DataGrid />
</s:Application>