Flex DataGrid中itemEditBegin与itemEditBegin配合验证正浮点数的输入的例子

Flex DataGrid中itemEditBegin与itemEditBegin配合验证正浮点数的输入的例子

 

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml ">

    <mx:Script>
      <![CDATA[
       import mx.utils.StringUtil;
       import mx.controls.TextInput;
       import mx.events.DataGridEventReason;
        import mx.events.DataGridEvent;
        import mx.controls.NumericStepper;
        import mx.collections.ArrayCollection;
        import mx.controls.listClasses.IDropInListItemRenderer;
   
        [Bindable]               
        private var myDP:ArrayCollection = new ArrayCollection([
            {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},
            {Artist:'Pavement', Album:'Crooked Rain, Crooked Rain', Price:10.99},
            {Artist:'Pavement', Album:'Wowee Zowee', Price:12.99},
            {Artist:'Pavement', Album:'Brighten the Corners', Price:11.99},
            {Artist:'Pavement', Album:'Terror Twilight', Price:11.99}
        ]);              
           
       //验证输入数据的合法性
  private function validateItem(event:DataGridEvent):void{
   //如果没有更新数据则直接返回
   if (event.reason == DataGridEventReason.CANCELLED){
       return;
      } 
      var input:TextInput = TextInput(_Grid.itemEditorInstance);
      var newData:String= TextInput(event.currentTarget.itemEditorInstance).text;
      if(event.dataField == "Price"){
        var pattern:RegExp = /((0+\.[0-9]*[1-9]{1,})|([1-9][0-9]*\.\d)|([1-9]*))$/;
          newData = pattern.exec(newData)[0];
       if(StringUtil.trim(newData).length<=0){
        event.preventDefault();
           input.errorString="数量格式不正确！";
           return;
        }
      }
   }
  //如果是数量的输入则使其输入框只能输入数字和小数点
  private function doItemEditBegin(event:DataGridEvent):void{
   var colName:String = _Grid.columns[event.columnIndex].dataField;
      if(colName=="Price"){               
          _Grid.createItemEditor(event.columnIndex,event.rowIndex);           
          _Grid.itemEditorInstance.data = _Grid.editedItemRenderer.data;
          TextInput(_Grid.itemEditorInstance).restrict = "0-9\.";
      }
  }
      ]]>
    </mx:Script>
    <mx:DataGrid id="_Grid" dataProvider="{myDP}"
        editable="true"
        itemEditBegin="doItemEditBegin(event);"
        itemEditEnd="validateItem(event)"
        >
        <mx:columns>
            <mx:DataGridColumn dataField="Artist" />
            <mx:DataGridColumn dataField="Album" width="130" />
            <mx:DataGridColumn dataField="Price" />
        </mx:columns>
    </mx:DataGrid>
</mx:Application>

 

thanks：http://blog.csdn.net/newskl/archive/2009/09/11/4542293.aspx