先看看下面的代码:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()" backgroundGradientColors="[#ffffff, #ffffff]" > <mx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] public var ac:ArrayCollection=new ArrayCollection([ {name:"1",sex:"男",age:"11"}, {name:"2",sex:"女",age:"12"}, {name:"3",sex:"女",age:"14"}, {name:"4",sex:"女",age:"15"}, {name:"5",sex:"男",age:"16"}, {name:"6",sex:"男",age:"13"} ]); public function init():void{ for(var i:int=0;i<ac.length;i++){ var item:Object=ac.getItemAt(i); if(item.sex=="女"){ ac.removeItemAt(i); } } } ]]> </mx:Script> <mx:DataGrid width="100%" dataProvider="{ac}"> <mx:columns> <mx:DataGridColumn dataField="name" width="100" headerText="ID"/> <mx:DataGridColumn dataField="sex" width="100" headerText="性别"/> <mx:DataGridColumn dataField="age" width="100" headerText="年龄"/> </mx:columns> </mx:DataGrid> </mx:Application>
上面的代码实现的功能是在表格中过滤掉性别是女的记录项,似乎上面的代码没什么问题,但是运行的结果是
有点奇怪吧!其实一点都不奇怪,来看看API是怎么定义removeItemAt的:
下面来解释下出现这种情况的原因:
在ArrayCollection中有item0、item1、item2、item3、item4,其中item1、item2、item3是要删除的项,用for循环ArrayCollection,当循环次数i到1是,ArrayCollection删除item1,item2、item3、item4的索引位置依次减少1,这样item2的索引位置变为1了,但是下次循环i已经是2了,把item2错过了。因此需要在ac.removeItemAt(i);代码后面把i的值减1,即i--;
public function init():void{ for(var i:int=0;i<ac.length;i++){ var item:Object=ac.getItemAt(i); if(item.sex=="女"){ ac.removeItemAt(i); i--; } } }
网上有一篇博客说先得到ArrayCollection的source,在对数组进行操作,我没看明白是怎么实现的,但是我觉得我的方法是最简单的。