0

我有一个使用自定义 MXML DropDownList 组件的两个实例的主应用程序。

我在自定义组件中包含了所有逻辑和查询,以查询 MySQL 并用结果填充 ArrayCollection。

在我的第一个 DropDownList 中,我想显示数据库中所有可用的货币。

在第二个 DropDownList 中,我只想使用 filterFunction 显示 CAD 和 USD 货币。

我不知道为什么,但是一旦将 filterFunction 应用于第一个元素,第二个就好像它们共享相同的 currencyList 变量(这是我的问题)。

CurrencyList 的[Bindable]需要绑定到我的aSyncListView

为了在主应用程序中使用,货币列表需要public 。

而且无论我的变量是公共的还是私有的,我都有同样的错误......请查看此消息末尾的输出。


我的主应用程序中的调用如下所示:

<mx:Form>
  <formElems:DropDownListCurrencies id="product_cost_price_curr"
    currencyCadUsdOnly="true"/>
  <formElems:DropDownListCurrencies id="product_price_curr"/>
</mx:Form>

现在我的自定义组件:

<fx:Script>
    <![CDATA[
        import classes.SharedFunctions;

        import mx.collections.ArrayCollection;
        import mx.controls.Alert;
        import mx.events.FlexEvent;
        import mx.rpc.events.ResultEvent;

        [Bindable]
        public var currenciesList:ArrayCollection;

        public var currencyCadUsdOnly:Boolean = false;

        protected function dropdownlist1_creationCompleteHandler(event:FlexEvent):void
        {
            getAllCurrenciesResult.token = currenciesService.getAllCurrencies();

            // DEBUG just to show the id of the component
            trace('id:' + this.id + ' (getAllCurrencies)');
        }

        protected function getAllCurrenciesResult_resultHandler(event:ResultEvent):void
        {
            currenciesList = getAllCurrenciesResult.lastResult;

            // DEBUG before filterFunction
            trace('id:' + this.id + ', currencyCadUsdOnly:' + currencyCadUsdOnly + ', currenciesList.length:' + currenciesList.length + ' (BEFORE filterFunction)');

            if (currencyCadUsdOnly == true) {
                currenciesList.filterFunction = filterCadUsdOnly;
                currenciesList.refresh();
            }

            // DEBUG after filterFunction
            trace('id:' + this.id + ', currencyCadUsdOnly:' + currencyCadUsdOnly + ', currenciesList.length:' + currenciesList.length + ' (AFTER filterFunction)');
        }

        protected function filterCadUsdOnly(obj:Object):Boolean
        {
            return (obj.code == 'CAD' || obj.code == 'USD');
        }

    ]]>
</fx:Script>

<fx:Declarations>
    <s:CallResponder id="getAllCurrenciesResult" result="getAllCurrenciesResult_resultHandler(event)"/>
    <currenciesservice:CurrenciesService id="currenciesService" fault="SharedFunctions.showError(event.fault.faultString, event.fault.faultDetail)" showBusyCursor="true"/>
</fx:Declarations>

<s:AsyncListView list="{currenciesList}"/>

最后让我们看看控制台输出。我期望 ArrayList 在创建第二个组件时的长度为 7...:

id:product_prices_curr (getAllCurrencies)
id:product_cost_price_curr (getAllCurrencies)
id:product_prices_curr, currencyCadUsdOnly:true, currenciesList.length:7 (BEFORE filterFunction)
id:product_prices_curr, currencyCadUsdOnly:true, currenciesList.length:2 (AFTER filterFunction)
id:product_cost_price_curr, currencyCadUsdOnly:false, currenciesList.length:2 (BEFORE filterFunction)
id:product_cost_price_curr, currencyCadUsdOnly:false, currenciesList.length:2 (AFTER filterFunction)

谢谢您的帮助!

4

2 回答 2

1

每当您需要在具有不同过滤器的多个地方拥有相同的列表时,您需要一个 ListCollectionView。这样您就可以对其应用过滤器,并且不会影响原始列表。这很简单:

var secondList:ListCollectionView = new ListCollectionView(originalList);

并且您secondList可以拥有任何您喜欢的过滤器,而不会影响原始列表,并具有在添加或删除项目时更新的额外好处originalList

见这里:mx.collections.ListCollectionView

于 2011-04-06T01:08:41.883 回答
0

尝试将您的代码更改为以下内容:

        if (currencyCadUsdOnly == true) {
            currenciesList = new ArrayCollection(currenciesList.source);
            currenciesList.filterFunction = filterCadUsdOnly;
            currenciesList.refresh();
        }

希望这可以帮助!

于 2011-04-05T23:34:04.633 回答