Flex 可编辑DataGrid的输入验证例子

来源：互联网发布：数据库生成代码编辑：程序博客网时间：2024/05/17 05:00

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
<![CDATA[
  import mx.collections.ArrayCollection;
  import mx.utils.StringUtil;
  import mx.controls.TextInput;
  import mx.events.DataGridEventReason;
  import mx.events.DataGridEvent;

  [Bindable]
  private var list:ArrayCollection = new ArrayCollection();
  //初始化方法
  private function init():void{
   for(var i:int = 0;i < 10;i++){
    var o:Object;
    if(i%2 ==0)
     o = {num:i,notNull:"非空的第"+i+"行内容",any:"任意的第"+i+"行内容"};
    else
     o = {num:i,notNull:"非空的第"+i+"行内容",any:i};
    list.addItem(o);
   }
  }
  //验证的操作方法
  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 == "notNull" && StringUtil.trim(newData).length<=0){
      event.preventDefault();
          input.errorString="不能为空！";
      }
      //如果是数量则验证必须为数字
      if(event.dataField == "num" && isNaN(Number(StringUtil.trim(newData)))){
        event.preventDefault();
          input.errorString="数字必须为数字！";
          return;
      }
  }
]]>
</mx:Script>
<mx:DataGrid id="_Grid" y="0" width="100%" x="0" height="100%" itemEditEnd="validateItem(event)" dataProvider="{list}" textAlign="center" editable="true" fontSize="12">
  <mx:columns>
   <mx:DataGridColumn headerText="数字" dataField="num"/>
   <mx:DataGridColumn headerText="非空" dataField="notNull"/>
   <mx:DataGridColumn headerText="任意" dataField="any"/>
  </mx:columns>
</mx:DataGrid>
</mx:Application>