flex layout

最新推荐文章于 2024-10-10 07:05:35 发布

原创最新推荐文章于 2024-10-10 07:05:35 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Gmail #Adobe #XML

flex 专栏收录该内容

9 篇文章

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FB7171, #FFFFFF]">
    <mx:XMLList id="employees">
        <meployee>
            <name>user01</name>
            <phone>020-33669988</phone>
            <email>user01@gmail.com</email>
        </meployee>
        <meployee>
            <name>user02</name>
            <phone>020-55668899</phone>
            <email>user02@gmail.com</email>
        </meployee>
    </mx:XMLList>
    <mx:XMLList id="treeData">
        <menuitem label="总目录">
            <menuitem label="目录01">
                <menuitem label="项目01"/>
                <menuitem label="项目02"/>
                <menuitem label="项目03"/>
            </menuitem>
            <menuitem label="目录02" isBranch="true">
                <menuitem label="项目01"/>
            </menuitem>
            <menuitem label="目录03" isBranch="true">
                <menuitem label="项目01">
                    <menuitem label="组员01"/>
                    <menuitem label="组员02"/>
                    <menuitem label="组员03"/>
                </menuitem>
                <menuitem label="项目02"/>
                <menuitem label="项目03"/>
                <menuitem label="项目04"/>
            </menuitem>
        </menuitem>
    </mx:XMLList>

    <mx:VDividedBox width="100%" height="100%" fontSize="14">
        <mx:ApplicationControlBar width="100%" height="100" maxHeight="100" minHeight="100">
            <mx:Label text="java"/>
        </mx:ApplicationControlBar>

        <mx:HDividedBox width="100%" height="100%" top="100" bottom="50" left="0" right="0">
            <mx:Panel title="树结构" width="25%" height="100%" maxWidth="300" minWidth="150">
                <mx:Tree id="tree01" width="100%" height="100%" labelField="@label" dataProvider="{treeData}" showRoot="true">
                </mx:Tree>
            </mx:Panel>
            <mx:Panel title="员工信息" width="100%" height="100%" minHeight="200">
                <mx:DataGrid id="myGrid" width="100%" height="100%" dataProvider="{employees}">
                    <mx:columns>
                        <mx:DataGridColumn dataField="name" headerText="Name" />
                        <mx:DataGridColumn dataField="phone" headerText="Phone" />
                        <mx:DataGridColumn dataField="email" headerText="Email" />
                    </mx:columns>
                </mx:DataGrid>
            </mx:Panel>
        </mx:HDividedBox>

        <mx:ApplicationControlBar width="100%" height="40" maxHeight="40" minHeight="40">
            <mx:Label text="java"/>
        </mx:ApplicationControlBar>
    </mx:VDividedBox>
</mx:Application>