Flex过滤器

最新推荐文章于 2025-06-26 23:16:33 发布

原创最新推荐文章于 2025-06-26 23:16:33 发布 · 398 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #object #application #datagrid #import #filter

本文介绍了一种使用Flex框架实现的数据筛选方法。通过自定义ArrayCollection的filterFunction，实现了基于用户输入条件的数据动态过滤功能。该方法能够根据选择的字段（如年龄或工资）和设定的数值条件对DataGrid显示的数据进行实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DEMO:

http://hi.baidu.com/candypopoo1986/blog/item/afa0932846c52a91023bf6ef.html

mxml：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="ini()" layout="absolute" height="299" width="328" backgroundColor="#FFFFFF">
<mx:Script>
   <![CDATA[
    import mx.controls.List;
    import mx.collections.ArrayCollection;
    import mx.controls.Alert;
    [Bindable]
    public var Arr:ArrayCollection = new ArrayCollection([{name:"popoo",age:23,sal:30000},{name:"haha",age:12,sal:4000},{name:"bobo",age:10,sal:2322},{name:"hoho",age:3,sal:20202}]);
    public function ini():void{
     Arr.filterFunction = filter;
     Arr.refresh();
    }
    public function filter(value:Object):Object
    {
     var str:String = select.selectedItem.name;
     if(Number(value[str]>int(t1.text))){
      return true;
     }
     return false;
    }
   ]]>
</mx:Script>
<mx:DataGrid dataProvider="{Arr}" fontSize="12" x="10" y="10">
   <mx:columns>
    <mx:DataGridColumn headerText="姓名" dataField="name"/>
    <mx:DataGridColumn headerText="年龄" dataField="age"/>
    <mx:DataGridColumn headerText="工资" dataField="sal" />
   </mx:columns>
</mx:DataGrid>
<mx:TextInput id="t1" x="126" y="192" />
<mx:Button x="10" y="240" fontSize="12" label="查询" click="ini()"/>
<mx:ComboBox id="select" x="10" y="192" width="66" fontSize="12">
<mx:Object label="年龄" name="age" />
<mx:Object label="工资" name="sal" />
</mx:ComboBox>
<mx:Label x="94" y="194" text="大于" fontSize="12"/>
</mx:Application>