组合框/数据网格排序器

Question

我正在尝试将来自 flex3 的组合框/数据网格排序器更新为 flex4 版本，但我不断收到一个错误，表明我的新手大脑无法处理。 错误是“1067：将 Array 类型的值隐式强制转换为不相关的类型 mx.collections:IList。” 请帮助

这是我的代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx"
    creationComplete="fnCreationComplete(event)"
    >
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.collections.Sort;
            import mx.collections.SortField;
            import mx.events.FlexEvent;         
            import spark.events.DropDownEvent;

            [Bindable]
            private var arrColl:ArrayCollection;

            [Bindable]
            private var arr:Array = [ "time", "teamA", "teamB", "status" ];

            private var SelectedFilter:String;

            protected function fnCreationComplete(event:FlexEvent):void
            {
                arrColl = new ArrayCollection();
                arrColl.addItem( { time: "30:45", teamA: "Ab", teamB: "B", status: "3'" } );
                arrColl.addItem( { time: "20:45", teamA: "Ac", teamB: "C", status: "2'" } );
                arrColl.addItem( { time: "19:45", teamA: "Ad", teamB: "B", status: "1'" } );
            }

            private function fnComboxClosed(e:DropDownEvent):void
            {
                var tempCol:DataGridColumn = this[ comboBox.selectedItem ] as DataGridColumn;
                tempCol.sortDescending = false;
            }

            private function onComboChange( e:Event ) :void
            {
                SelectedFilter = e.currentTarget.selectedItem;
                var sort:Sort = new Sort();
                sort.fields = [ new SortField( SelectedFilter, true ) ];
                arrColl.sort = sort;
                arrColl.refresh();
            }

        ]]>
    </fx:Script>

    <mx:DataGrid id="dg" dataProvider="{arrColl}" 
                 rowCount="7" horizontalCenter="0" top="10">
        <mx:columns>
            <mx:DataGridColumn id="time" headerText="Time" dataField="time"/>
            <mx:DataGridColumn id="teamA" headerText="Team A" dataField="teamA"/>
            <mx:DataGridColumn id="teamB" headerText="Team B" dataField="teamB"/>
            <mx:DataGridColumn id="status" headerText="Status" dataField="status"/>
        </mx:columns>       
    </mx:DataGrid>

    <s:ComboBox id="comboBox"
                dataProvider="{arr}"
                close="fnComboxClosed(event)"
                change="onComboChange(event)" horizontalCenter="0" top="209"/>

</s:Application>

Answer 1

在 Flex 4 中，似乎只有 MX 组件可以拥有原始数据对象作为其数据提供者。 Spark 组件需要实际的集合。

这来自 Adob​​e 关于 Flex 4 中数据提供程序的文档：

对于 Spark 控件，您不能使用
原始对象作为值
控件的数据提供者。你必须
指定一个实现的对象
IList接口。类
实现 IList include
ArrayCollection、ArrayList 和
XMLList集合

我将您的 arr 包装在 ArrayCollection 中，并编译了所有内容：

[Bindable]
private var arr:ArrayCollection = new ArrayCollection([ "time", "teamA", "teamB", "status" ]);