Importing xml text and menu

Question

I am just trying to get my head around Flex by building a
simple application.
What I have at the moment is index.mxml that has an
ToggleButtonBar in it and a ViewStack that lists the three menu
options in the ToggleButtonBar. Clicking each of the buttons in the
ToggleButtonBar opens a new mxml either PageOne.mxml, PageTwo.mxml
or PageThree.mxml (by wiping up and down). This all works and I
have managed to style and position the elements as I want them and
I have activated the history on the 'pages'.
What I would like to be able to do is populate the ViewStack
data from an external xml file (e.g. menu.xml) . I would also like
to populate the sub-mxml files with data from another xml file
(e.g. content.xml) where this would hold the panel's title and a
paragraph of text into something like a textarea.
I have managed to populate xml data into a datagrid on
another test application, but I can't see how this can work with
panels.
Hopefully once I have grasped the basics on how Flex
applications import data I can teach myself how to progress things
to do other things.
Thanks in advance.

Answer 1

I tried writing a tiny bit of xml - something like this:
<xml id="test">
<root>
<menuitem>hello</menuitem>
</root>
</xml>
Then a script that creates a new button (which works). But I
have tried pulling in the data from the xml file to add to the
button like this:
myButton.label = test.root.menuitem;
But it doesn't work. If I put some text in quotes it does
display. The problem is the fact that I am not pulling in the data
from the xml.
Although this isn't the code I am using, how would this
snippet of Adobe's code be adapated to add text from an xml
document to poulate the button's label?
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
horizontalAlign="left">
<mx:Script>
<![CDATA[
import mx.controls.Button;
public function addButton():void {
var myButton:Button = new Button();
myButton.label = "New Button";
myHBox.addChild(myButton);
]]>
</mx:Script>
<mx:HBox id="myHBox">
<mx:Button label="Add Button" click="addButton();"/>
</mx:HBox>
</mx:Application>