flex开发air工程选项卡页面导航布局

 <?xml version="1.0" encoding="utf-8"?>
<mx:Window xmlns:mx="http://www.adobe.com/2006/mxml" fontFamily="宋体" fontSize="14" layout="absolute" width="600" height="450">
   <mx:XML id="model">
        <records>
            <record uuid="1" status="check" name="User 1" data="Data 1" />
            <record uuid="2" status="warning" name="User 2" data="Data 2" />
            <record uuid="3" status="warning" name="User 3" data="Data 3" />             
            <record uuid="5" status="check" name="User 5" data="Data 5" />
            <record uuid="6" status="check" name="User 6" data="Data 6" />
            <record uuid="4" status="warning" name="User 4" data="Data 4" />            
        </records>
    </mx:XML>     <mx:Script>
    <![CDATA[
     [Bindable]
            [Embed(source="assets/i1.png")]
            private var BulletCheck:Class;
 
            [Bindable]
            [Embed(source="assets/i2.png")]
            private var BulletWarning:Class;

        //定义change事件处理,
        private function tabChangeEvent():void{
        tabInfo_index.text = "当前选择的子容器序号为:  "+myTab.selectedIndex.toString();
        tabInfo_label.text = "当前选择的子容器标签为:  "+myTab.selectedChild.label;    
        }
        private const CHECK:String = "check";
            private const WARNING:String = "warning";
    ]]>
</mx:Script>
    <mx:VBox>    
    
    <mx:TabNavigator  id="myTab" borderStyle="solid"  height="300"
                       change="tabChangeEvent()">
        <!--子容器1 -->
        <mx:VBox label="栏目1"
            width="300"
            height="150" icon="{BulletCheck}">
            <mx:DataGrid id="gridCheck"
                    width="100%"
                    height="100%">
                <mx:columns>
                    <mx:DataGridColumn dataField="@name" />
                    <mx:DataGridColumn dataField="@data" />
                </mx:columns>
                <mx:dataProvider>
                    {model.record.(@status == CHECK)}
                </mx:dataProvider>
            </mx:DataGrid>

        </mx:VBox>
        <!--子容器2 -->
        <mx:VBox label="栏目2"
            width="300"
            height="150" icon="{BulletWarning}">
            <mx:DataGrid id="gridWarning"
                    width="100%"
                    height="100%">
                <mx:columns>
                    <mx:DataGridColumn dataField="@name" />
                    <mx:DataGridColumn dataField="@data" />
                </mx:columns>
                <mx:dataProvider>
                    {model.record.(@status == WARNING)}
                </mx:dataProvider>
            </mx:DataGrid>
        </mx:VBox>        
    </mx:TabNavigator><mx:Text id="tabInfo_index" color="blue"/>
    <mx:Text id="tabInfo_label" color="blue"/>
</mx:VBox>
</mx:Window>

中文在线帮助文件
http://www.airia.cn/ActionScript3API/livedocs/package-summary.html