Coolite Toolkit 笔记六

布局

<body>
    <form id="form1" runat="server">
    <ext:ScriptManager ID="ScriptManager1" runat="server">
    </ext:ScriptManager>
    <div>
    
    <ext:Viewport ID="ViewPort1" runat="server">
        <Body>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North Split="true" Collapsible="true">
                    <ext:Panel 
                        ID="Panel1" 
                        runat="server"
                        Title="North" 
                        Height="150"
                        Padding="6"
                        Html="North"
                        />
                </North>
                <West MinWidth="225" MaxWidth="400" Split="true" Collapsible="true">
                    <ext:Panel ID="Panel2" runat="server" Title="West" Width="225">
                        <Body>
                            <ext:Accordion runat="server" Animate="true">
                                    <ext:Panel 
                                        ID="Navigation" 
                                        runat="server" 
                                        Title="Navigation" 
                                        Border="false" 
                                        Padding="6"
                                        Icon="FolderGo"
                                        Html="West"
                                        />
                                    <ext:Panel 
                                        ID="Settings" 
                                        runat="server" 
                                        Title="Settings" 
                                        Border="false" 
                                        Padding="6"
                                        Icon="FolderWrench"
                                        Html="Some settings in here"
                                        />
                            </ext:Accordion>
                        </Body>
                    </ext:Panel>
                </West>
                <Center>
                    <ext:TabPanel ID="CenterPanel" runat="server">
                        <Tabs>
                            <ext:Tab runat="server" ID="tabPaen1" ActiveIndex=0 Title="tab1"></ext:Tab>
                        </Tabs>
                    </ext:TabPanel>
                </Center>
                <East Collapsible="true" Split="true" MinWidth="225">
                    <ext:Panel ID="EastPanel" runat="server" Width="225" Title="East" Layout="Fit">
                        <Body>
                        </Body>
                    </ext:Panel>
                </East>
                <South Split="true" Collapsible="true">
                    <ext:Panel 
                        ID="SouthPanel" 
                        runat="server"
                        Title="South" 
                        Height="150"
                        Padding="6"
                        Html="South"
                        />
                </South>
            </ext:BorderLayout>
        </Body>
      
    </ext:Viewport>
    </div>
    </form>
</body>

posted @ 2010-08-06 14:30  William_Chen  阅读(505)  评论(0)  编辑  收藏  举报