如何在flex4下拉列表中保留提示/虚拟项目

Question

我有一个“选择员工”的下拉列表，这是可选的。我需要它在顶部有“No one”，这样如果用户已经选择了“John Something”，他就可以改回NoOne。

我的问题是如何保留提示项，或在 -1 处添加虚拟项而不更改数据提供者（我真的很讨厌在原始的雇员列表数据提供者中添加“没有人”）

P/S：同样的问题但仍然没有答案：

• http://www.flexdeveloper.eu/forums/flex-4/drop-down-list-prompt/

• Flex 4下拉列表-与数据服务绑定，如何始终保持提示或以编程方式在索引-1处添加项目

Answer 1

我建议通过创建一个名为“DummyArrayCollection”的类来扩展 ArrayCollection 类。您可以将虚拟变量存储在那里并将其用作数据提供者，而不会影响原始员工列表：

public class DummyArrayCollection extends ArrayCollection
{
    private var _firstElement:String;
    private var _dummyArray:Array;

    public function DummyArrayCollection(source:Array=null)
    {
        super(source);
        _dummyArray = init(source);
        _firstElement = "";
    }

    public function init(src:Array):Array{
        var retArr:Array = new Array();
        retArr[0] = _firstElement; //add your dummy element here
        for(var i:int=0;i<src.length;i++){
            retArr[i] = src[i];
        }
        return retArr;
    }
}

Answer 2

将更改事件处理程序添加到下拉列表中：

change = "{myDropDown.selectedIndex = -1}"

这样，您的提示将在选择项目后重复使用。

Answer 3

以防万一有人感兴趣，我刚刚发现了这个：

收据

Answer 4

这是一个工作的 Flex 3 示例。我确信它可以很容易地转换为 flex 4。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init( )" width="100%" layout="absolute">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.collections.XMLListCollection;

            [Bindable]
            public var personsList:XMLListCollection;

            private function init( ):void{

                var xml:XML = 
                <root>
                    <persons>
                        <person><label>jim</label><value>jim</value></person>
                        <person><label>joe</label><value>joe</value></person>
                        <person><label>bob</label><value>bob</value></person>
                        <person><label>harry</label><value>harry</value></person>
                        <person><label>sally</label><value>sally</value></person>
                    </persons>
                </root>;

                this.personsList =  new XMLListCollection( xml.persons.person )

                var myFirstNodeXML:XML = <person><label>None Selected</label><value>none</value></person>;
                this.personsList.addItemAt(myFirstNodeXML,0);
                myCB.selectedIndex = 0;
            }

        ]]> 
    </mx:Script>
    <mx:ComboBox id="myCB" dataProvider="{this.personsList}"/>
</mx:Application>

Answer 5

dropDownList.selectedItem=null