zoukankan      html  css  js  c++  java
  • 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> 之中)单独进行创建。

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

  • 相关阅读:
    JQuery中的id选择器含有特殊字符时,不能选中dom元素
    解决Mac下MySQL登录问题
    Mac 安装mysql
    禁止chrome浏览器自动填充表单的解决方案
    Eclipse 编译错误 Access restriction: The type 'JPEGCodec' is not API (restriction on required library 'C:Program FilesJavajre7lib t.jar')
    羊皮纸月亮计划
    ActionSupport.getText()方法
    linux入门经验之谈
    tomcat设置默认启动项
    网页设置下载apk
  • 原文地址:https://www.cnblogs.com/chenhaibo/p/3071244.html
Copyright © 2011-2022 走看看