Ext2 中如何换行 布局?

在作布局的时候,常常会出现这类情况,在HTML中可以利用表格来布局,那么Ext2呢?

我自己也琢磨了不少时间,今天终于有了收获:

sss

var  simpleForm  =   new  Ext.FormPanel( {
    labelAlign: 
'left',
    title: 
'表单例子',
    buttonAlign:
'right',
    bodyStyle:
'padding:5px',
    width: 
600,
    frame:
true,
    labelWidth:
80,
    items: [
{
        layout:
'column',   //定义该元素为布局为列布局方式
        border:false,
        labelSeparator:
'',
        items:[
{
            columnWidth:.
5,  //该列占用的宽度,标识为50%
            layout: 'form',
            border:
false,
            items: [
{                     //这里可以为多个Item,表现出来是该列的多行
                cls : 'key',
                xtype:
'textfield',
                fieldLabel: 
'用户名',
                name: 
'name',
                anchor:
'90%'
            }
]
        }
,{
            columnWidth:.
5,
            layout: 
'form',
            border:
false,
            items: [
{
                cls : 
'key',
                xtype:
'textfield',
                inputType:
'password',
                fieldLabel: 
'口令',
                name: 
'passwd',
                anchor:
'90%'
            }
]
        }
]
    }
]
}
)

 如果每个列元素中的Items都为一行,则可以通过控制每列显示的宽度来换行,没换所有的列元素的宽度和达到100%后即换行

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值