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

来源:互联网 发布:淘宝hd 编辑:程序博客网 时间:2024/05/18 00:08

<?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>  

原创粉丝点击