Ext2 中如何换行布局？

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

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

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％

border:false,

items: [...{ //这里可以为多个Item，表现出来是该列的多行

cls : 'key',

xtype:'textfield',

fieldLabel: '用户名',

anchor:'90%'

}]

},...{

columnWidth:.5,

border:false,

items: [...{

cls : 'key',

xtype:'textfield',

inputType:'password',

fieldLabel: '口令',

anchor:'90%'

}]

})

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

Ext2 中如何换行布局？相关推荐

浅谈CSS3中的弹性布局
浅谈CSS3中的弹性布局现在的努力,只是为了实现小时候吹过的牛逼一.什么是弹性布局? Flex是Flexible Box的缩写,意为"弹性布局",他为盒模型提供了最大的灵活性. ...
从零开始前端学习[38]:html5中的弹性布局一(移动端响应式实现各种布局，极其重要)
html5中的弹性布局(移动端及其重要) 弹性盒子模型是什么? 容器属性提示博主:章飞_906285288 博课地址:http://blog.csdn.net/qq_29924041 弹性盒子模型 ...
CSS中的flax布局
记录学习一下CSS中的flax布局. flax是什么,全称叫弹性盒子, 有两个核心概念: flax container 和 flax item. 初识flax: 为什么这三个小方块不在一行显示呢? 答 ...
java swt gridlayout_关于SWT中的GridLayout布局方式
GridLayout 布局的功能非常强大,也是笔者常用的一种布局方式.GridLayout是网格式布局,它把父组件分成一个表格,默认情况下每个子组件占据一个单元格的空间,每个子组件按添加到父组件的顺序 ...
在shell脚本中没有换行符的#39;echo#39;
本文翻译自:'echo' without newline in a shell script I have a problem with echo in my script: 我的脚本中存在echo问 ...
在TSQL中替换换行符
我想替换(或删除)TSQL字符串中的换行符. 有任何想法吗? 明显的 REPLACE(@string, CHAR(13), '') 只是不会做... #1楼要执行大多数人想要的操作,请创建一个不是实 ...
三分钟学会css3中的flexbox布局
2019独角兽企业重金招聘Python工程师标准>>> 这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念,通过学习flexbox布局,你会发现以往遇到的所有的关于布局 ...
python中表示换行的符号_对Python字符串中的换行符和制表符介绍
下面为大家分享一篇对Python字符串中的换行符和制表符介绍,具有很好的参考价值,希望对大家有所帮助.一起过来看看吧有关换行的问题首先提一个问题,如下. python程序代码如下: print(& ...
ubuntu---php脚本中执行换行
2019独角兽企业重金招聘Python工程师标准>>> 在php脚本中使用换行<br /> \t\n,如果在终端命令中执行,回直接输出,不好使,不会执行换行,不过在要换行 ...

Ext2 中如何换行布局？

Ext2 中如何换行布局？相关推荐

最新文章

热门文章

Ext2 中如何换行 布局？

Ext2 中如何换行 布局？相关推荐

最新文章

热门文章

Ext2 中如何换行布局？

Ext2 中如何换行布局？相关推荐