zoukankan      html  css  js  c++  java
  • Auto自动布局

      Ext.layout.container.Auto自动布局是容器在没有指定布局方式时默认采用的布局类型,使用原始的HTML文档流来布局子元素,并把布局调用传递到子容器中,对应面板配置项(layout)的名称为Auto。

      Auto示例:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.layout.container.Auto示例</title>
        <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
        <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script>
        <script type="text/javascript">
            Ext.onReady(function () {
                Ext.create("Ext.panel.Panel", {
                    title: "Ext.layout.container.Auto示例",
                    frame: true,
                     300,
                    renderTo: Ext.getBody(),
                    bodyPadding: 5,
                    layout: "auto",
                    defaults: {
                        bodyStyle: "background-color:#FFFFFF"
                    },
                    items: [{
                        title: "嵌套面板一",
                        html: "面板一"
                    }, {
                        title: "嵌套面板二",
                        html: "面板二"
                    }]
                });
            });
        </script>
    </head>
    <body>
    </body>
    </html>

      效果图:

  • 相关阅读:
    创建被访问的swf文件
    BFS寻路算法的实现
    Flex里的命名空间,fx、mx、s【转】
    Flex的基础用法【转】
    Pow(x, n)
    Roman to Integer
    Integer to Roman
    Divide Two Integers
    Single Number II
    Single Number I
  • 原文地址:https://www.cnblogs.com/libingql/p/2467171.html
Copyright © 2011-2022 走看看