Wie zu wählen Sie ein Element programmgesteuert in eine Flex-Liste nach der dataProvider wird aktualisiert?

So, ich bin etwas neu auf Flex ich möglicherweise fehlt etwas grundlegendes hier. Ich habe eine Spark-List-container, dessen dataProvider-Komponente gebunden ist, um ein ResultSet zurück kommen von einer RemoteObject-Aufruf. Ziemlich standard Sachen. 

<s:List id="list" dataProvider="{model.stuff}" width="100%" height="100%"
        selectedIndex="@{selectedSlider.value}"
        itemRenderer="{stuffRenderer}">

</s:List>

Der selectedIndex-Eigenschaft ist im Zusammenhang mit dem HSlider, aber das ist nicht das problem. Mein Problem ist, dass ich möchte, um automatisch eine bestimmte "bevorzugte" element aus der Liste (nur anfangs...um den Benutzer zu führen).

Habe ich versucht zu tun, in eine creationComplete-Ereignis, aber meine Daten noch nicht aber...Einstellung selectedIndex funktionierte nicht...es war zu früh.

Was ist der richtige Weg, dies zu tun?

InformationsquelleAutor HDave | 2011-01-02
  1. 2
    private function findAllUsers_resultHandler(e:ResultEvent):void
{
    list.dataProvider = new ArrayCollection(e.result as Array);
    if(firstTry)
    {
        list.selectedIndex = 0;
        firstTry = false;
    }
}
    • Das würde funktionieren, außer mein model-Schicht hat keine Kenntnis von Ansichten. Aber es gab mir die Idee zum erstellen eines benutzerdefinierten Modell changed-Ereignis in meinem Modell-Ebene und einen benutzerdefinierten listener aus meiner Sicht. Versuchte dies und es Funktioniert Einfach.
    • Ja, in der Tat. Wenn ich du wäre, würde ich einen Blick auf die Cairngorm Beobachter lib tp Griff Dinge wie, dass
    InformationsquelleAutor Florian F
  2. 2

    spark.components.List hat spark.components.SkinnableDataContainer in seiner Klasse Hierarchie, die löst ein dataProviderChanged Ereignis aus, wenn sich der dataProvider ändert. Leider gibt es keine [Event] Metadaten in SkinnableDataContainer, die mit diesem event in MXML. Also, Sie müssen erstellen Sie Ihre eigenen benutzerdefinierten Komponente erweitert List.

    package
{
    import spark.components.List;

    [Event(name="dataProviderChanged", type="flash.events.Event")]
    public class MyList extends List
    {
        public function MyList()
        {
            super();
        }
    }
}

    Mithilfe Ihrer benutzerdefinierten Komponente können Sie fügen Sie einen Ereignis-listener für dataProviderChanged und aktualisieren Sie Ihre selectedIndex entsprechend.

    <ns1:MyList id="list" dataProvider="{model.stuff}" width="100%" height="100%"
        dataProviderChanged="selectedIndex = selectedSlider.value"
        selectedIndex="@{selectedSlider.value}"
        itemRenderer="{stuffRenderer}">
</ns1:MyList>

    BTW: Das funktioniert auch mit anderen List-basierten Komponenten (wie DropDownList) zu.

    • Zweifellos würde dies die Arbeit...aber bin auf der Suche nach einer einfacheren Lösung mit Veranstaltungen.
    • Nun, wenn Sie brauchen nicht die MXML-support könnte man hinzufügen, wird der Ereignis-listener, die von ActionScript. Dann brauchen Sie nicht eine benutzerdefinierte Komponente. Natürlich mit Ihrem event-basierte Lösung ist auch in Ordnung.
    InformationsquelleAutor Gerhard Schlager
  3. 1

    Ich glaube, es sollte funktionieren, wenn du einfach den ersten Wert der slider auf der index, den Sie möchten, ausgewählt zu werden, zumindest am Anfang.
    So etwas wie dieses:

    <s:List dataProvider="{yourData}" selectedIndex="{hSlider.value}" /> <s:HSlider id="hSlider" minimum="0" maximum="{yourData.length - 1}" stepSize="1" value="theIndexYouWantAsInitial" liveDragging="true" />

    Funktionieren sollte.
    HTH
    FTQuest

    • Ich habe es versucht, aber leider hat es keine Wirkung. Die HSlider startet am richtigen Ort, aber das Element ist nicht in der Liste ausgewählt. Offen für andere Ideen,...
    InformationsquelleAutor FTQuest
Schreibe einen Kommentar