Ext.Net控件中,常用的三种界面控件简单介绍。

(近期会连续更新有关Ext.Net 控件的一些资料,与大家分享,有兴趣或者最近也在研究这方面知识的朋友可以加关注!!!)

今天给大家介绍一下常用的三种界面控件。

1.Viewport控件,我们把它称之为:视图界面。

2.Panel控件,我们把它称之为:面板。

3.Window控件,我们把它称之为:窗口。

大家先看一下代码:

页面源码:

<ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <ext:Viewport runat="server" ID="Viewport1">
        <Items>
            <ext:Panel ID="Panel1" runat="server" Height="50" Title="">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel2" runat="server" Height="100" Title="">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel3" runat="server" Height="150" Title="">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Window ID="Window1" runat="server" Collapsible="true" Height="100" Icon="Application"
                Title="" Width="100" X="50" Y="350">
                <Items>
                </Items>
            </ext:Window>
            <ext:Window ID="Window2" runat="server" Collapsible="true" Height="200" Icon="Application"
                Title="" Width="200" X="200" Y="350">
                <Items>
                </Items>
            </ext:Window>
            <ext:Window ID="Window3" runat="server" Collapsible="true" Height="300" Icon="Application"
                Title="" Width="300" X="450" Y="350">
                <Items>
                </Items>
            </ext:Window>
        </Items>
    </ext:Viewport>

在这里,我们创建了一个Viewport视图界面,在视图界面中,有3个Panel控件和3个Window控件。

这个案例告诉我们,Viewport控件和ResourceManager控件是一样的,在每个页面中是唯一的,但是Viewport控件不是必须的,可根据实际情况进行创建。

而Panel控件和Window控件可以多次创建,没有限制;可以不做为Viewport控件的项目(<Items></Items> 之中)单独进行创建。

在下一节中,我给大家介绍一下界面的各种布局方式。(这个是极其重要的!)

posted @ 2013-05-10 15:11  陈海波  阅读(680)  评论(0编辑  收藏  举报