zoukankan      html  css  js  c++  java
  • ExtJs学习笔记(14)_Column布局

    Column布局有点象传统html中的table的td,但是也有不同的地方:

    先看下代码

    <script type="text/javascript">
        Ext.onReady(
    function() {
            
    var win = new Ext.Window({
                title: 
    "Column Layout",
                height: 
    300,
                 
    400,
                plain: 
    true,
                layout: 
    'column',
                items: [{
                    title:
    "width=50%",
                    columnWidth:
    0.5,
                    html:
    "width=(容器宽度-容器内其它组件固定宽度)*50%",
                    height:
    200
                },
                {
                    title:
    "width=250px",
                     
    200,
                    height:
    100,
                    html:
    "固定宽度为250px"
                }            
                ]
            });
            win.show();
        });
    </script>

    效果图:


    对于一下:

    <tr>

         <td width="50%"></td>

         <td width="30px"><td>

         <td></td>

    </tr>

    在table中,这里第一列会占到整个行的50%的宽度,而在ExtJs的column布局中,百分比是指(容器宽度-有固定width值组件的宽度)后,再乘相应百分比得到的宽度

    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    oracle-报错 RMAN-03002,RMAN-06172
    oracle--报错 ORA-01003,ORA-09817,ORA-01075
    oracle--报错 ORA-00257
    Linux-iostat命令
    oracle--查询速度慢
    linux-根目录添加内存
    mysq-5.7忘记密码修改
    zsh: command not found cnpm,gulp等命令在zsh终端上报错的问题
    vue中的js引入图片,必须require进来
    如何启动一个Vue3.x项目
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1281909.html
Copyright © 2011-2022 走看看