Datenbankinhalte in Tree bzw. AdvancedDataGrid einfügen

[Moorhuhn]

Wie schaffe ich es, dass ein Baum bzw. eine Tabelle mit mehreren Ebenen aus einer Datenbank erstellt wird.

Ich habe beispielsweise in MySQL eine Datenbank in der jeweils in Feld 1 die Kategorie und in dem zweiten Feld der Punkt steht, bspw.;
Kategorie1 Punkt1
Kategorie1 Punkt2
Kategorie2 Punkt3
Kategorie3 Punkt4
Kategorie3 Punkt5
Kategorie3 Punkt6

Wie schaffe ich es nun diese Inhalte so darzustellen, dass die Ordner wie die jeweiligen Kategorien heißen und wenn ich sie aufklappe die einzelnen Punkte als Unterpunkte zu sehen sind?

Gibt es eine Möglichkeit, ohne alles vorher in (M)XML umzuwandeln?

[Omega Psi]

Was ist eine Tabelle mit mehreren Ebenen? Wie greifst du auf die Datenbank zu?

[Moorhuhn]

Bei einem AdvancedDataGrid kann man ja ebenfalls die Daten in einem Baum anzeigen lassen, dass meine ich mit einer Tabelle mit mehreren Ebenen. Auf die Daten greife ich per PHP zu und nutze dafür den automatisierten Service des Flash Builders.

[Omega Psi]

Da ich nicht weiss, was Flex generiert, kann ich dir nicht sagen was du machen musst.

Wenn du hierarchische Daten in einem mx:Tree darstellen möchtest, sollten sie folgende Struktur aufweisen:

package fs.examples
{
  public interface ITreeItem
  {
     function get label():String;
     function set label(value:String):void;
     function get children():IList;
     function set children(value:IList):void
  }
}

Das labelField kannst du programmatisch auf bestimmen, das Property, dass die Kindknoten festlegt nicht. Für solche Fälle kannst du aber einen eigenen ITreeDataDescriptor schreiben, was für dich aber noch etwas zu kompliziert sein sollte.

Ich denke das einfachste, was du machen kannst ist dir selbst ein einfache Datenmodel zu schreiben, das du mit den Daten aus den Services bestückst.

[Moorhuhn]

ich habe jetzt ein ganz einfaches Script, dass die Daten in das Datagrid einfügt

PHP-Code:

<mx:AdvancedDataGrid dataProvider="{data.lastResult.questions.question}">
    <mx:columns>            
                <mx:AdvancedDataGridColumn dataField="category"/>
        <mx:AdvancedDataGridColumn dataField="item"/>
    </mx:columns>
</mx:AdvancedDataGrid> 


Die Daten sind per PHP herstelltes XML mit der Struktur

PHP-Code:

<questions>
<question><category>$$$</category><item>$$$</item><question/>
<question><category>$$$</category><item>$$$</item><question/>
</questions> 


Allerdings bekomme ich es trotz verzweifelter Versuche nicht hin, es in einem Baum abzubilden, bei der die category als Ordner angezeigt werden und wenn man drauf klickt die untergeordneten items sieht. Kann mir da jemand weiterhelfen?

[Omega Psi]

Für ein AdvancedDataGrid mußt du eine GroupingCollection verwenden.

[Moorhuhn]

Das ist mir schon klar, habe ich aber nicht hinbekommen, so habe ich es beispielsweise versucht, so geht es aber nicht:

Die Ausgabe bleibt einfach leer. Es liegt ganz offensichtlich an der Einbindung per http, denn wenn ich das exakt gleiche XML (wie die Ausgabe der PHP-Datei) in den MXML-File im Declarations-Block schreiben, dann funktionierts:

PHP-Code:

<?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" 
               minWidth="955" minHeight="600"
               creationComplete="data.send();">

    
    <fx:Declarations>
        <s:HTTPService id="data"
                       url="dataaccess.php"
                       contentType="application/xml"/>
        
        <fx:XML id="xmldata">
            <questions>
                <question>
                    <category>Testkategorie1</category>
                    <item>Testfrage1</item>
                </question>
                <question>
                    <category>Testkategorie2</category>
                    <item>Testfrage2</item>
                </question>
                <question>
                    <category>Testkategorie3</category>
                    
                    <item>Testfrage3</item>
                </question>
                <question>
                    <category>Testkategorie4</category>
                    <item>Testfrage4</item>
                </question>
                <question>
                    <category>Testkategorie5</category>
                    <item>Testfrage5</item>
                </question>
            </questions>
        </fx:XML>
        
    </fx:Declarations>
    
    <mx:AdvancedDataGrid creationComplete="gc.refresh()">
        <mx:dataProvider>
            <mx:GroupingCollection2 id="gc" source="{xmldata.question}" childrenField="undefined">
                    <mx:Grouping>
                        <mx:GroupingField name="category"/>
                    </mx:Grouping>
            </mx:GroupingCollection2>
        </mx:dataProvider>
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="item"/>
        </mx:columns>
    </mx:AdvancedDataGrid>

</s:Application>

wenn ich jedoch die source-Angabe verändere zu {data.lastResult.question.question} oder ähnlichem, dann bleibt die Ausgabe leer. Grundsätzlich funktioniert jedoch das Zusammenspiel mit PHP/XML, da die einfache Ausgabe <mx:AdvancedDataGrid dataProvider="{data.lastResult.questions.question} "/> funktioniert

[Omega Psi]

Setze mal das resultFormat des Servers auf e4x.

[Moorhuhn]

meinst du so:

PHP-Code:

    <fx:Declarations>
        <s:HTTPService id="data"
                       url="dataaccess.php"
                       resultFormat="e4x"/>
    
    </fx:Declarations>
    
    <mx:AdvancedDataGrid creationComplete="gc.refresh()">
        <mx:dataProvider>
            <mx:GroupingCollection2 id="gc" source="{data.lastResult.question}" childrenField="undefined">
                <mx:Grouping>
                    <mx:GroupingField name="category"/>
                </mx:Grouping>
            </mx:GroupingCollection2>
        </mx:dataProvider>
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="item"/>
        </mx:columns>
    </mx:AdvancedDataGrid> 


Funktioniert leider nicht, die Tabelle scheint keine Daten zu bekommen

[Omega Psi]

Und einen Proxy wie Charles oder FireBug nutzt du nicht?

[Moorhuhn]

nein, kein Proxy. Wie gesagt, das einfach einfügen der Daten mit <mx:AdvancedDataGrid dataProvider="{data.lastResult.questions.question} "> funktioniert ja, bloß nicht, wenn ich versuche, dass zu bearbeiten. Und ich habe keinen blassen Schimmer woran es liegt

[Moorhuhn]

Vielen Dank für deine Hilfsversuche OmegaPsi.

Ich habe die Lösung gefunden, und die ist einfach trivial.

Für alle, dies interessiert: einfach creationComplete für den Datenaufruf ersetzen durch preinitialize und schon gehts

[Omega Psi]

Trivial ist was anderes... aber schön,dass es funktioniert.