var frm2 = new Ext.form.FormPanel({
applyTo: "form2",
autoHeight: true,
width: 750,
frame: true,
labelWidth:80,
labelSeparator:":",
title:'只定义一个CoulumnLayout,每列中只有一个控件',
items:[
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'textfield',fieldLabel:'一行一列',name:'text<chsdate w:st="on" year="2002" month="1" day="1" islunardate="False" isrocdate="False">2-1-1</chsdate>',anchor:'90%'}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'textfield',fieldLabel:'一行二列',name:'text<chsdate w:st="on" year="2002" month="1" day="2" islunardate="False" isrocdate="False">2-1-2</chsdate>',anchor:'90%'}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'textfield',fieldLabel:'一行三列',name:'text<chsdate w:st="on" year="2002" month="1" day="3" islunardate="False" isrocdate="False">2-1-3</chsdate>',anchor:'90%'}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'textfield',fieldLabel:'二行一列',name:'text<chsdate w:st="on" year="2002" month="2" day="1" islunardate="False" isrocdate="False">2-2-1</chsdate>',anchor:'90%'}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'textfield',fieldLabel:'二行二列',name:'text<chsdate w:st="on" year="2002" month="2" day="2" islunardate="False" isrocdate="False">2-2-2</chsdate>',anchor:'90%'}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'panel',html:' ',height:26}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',fieldLabel:'三行一列',boxLabel:'三行一列',name:'text<chsdate w:st="on" year="2002" month="3" day="1" islunardate="False" isrocdate="False">2-3-1</chsdate>',anchor:'90%'}
]},
{columnWidth:.15,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'三行二列',name:'text<chsdate w:st="on" year="2002" month="3" day="2" islunardate="False" isrocdate="False">2-3-2</chsdate>',anchor:'90%'}
]},
{columnWidth:.15,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'三行三列',name:'text<chsdate w:st="on" year="2002" month="3" day="3" islunardate="False" isrocdate="False">2-3-3</chsdate>',anchor:'90%'}
]}
]}
]
});
|
相关推荐
ColumnLayout TableLayout 37. Removed [XType] Attribute and replaced with XType readonly property. Example (Old) [Xtype("window")] Example (New) protected override string...
折叠布局Ext.layout.AnchorLayout 边框布局Ext.layout.BorderLayout 卡片式布局Ext.layout.CardLayout 列布局Ext.layout.ColumnLayout 填充布局xt.layout.FitLayout 表单布局Ext.layout.FormLayout 表格布局Ext....
列布局 用于在列中显示文本的 Android 视图。... 应该使用 api level >= 10 示例活动 示例活动使用图像和一些 html 格式呈现 lorem ipsum。 单击屏幕将更改文本大小。 在 Nexus 7 上运行的示例的屏幕截图
显示使用UI-Builder的不同布局的示例。 描述 此示例提供了显示不同布局的html页面的集合。 它仅关注布局,因此未提供其他功能。 相机设置页面在pages \ CameraSetup \ CameraSetup.html中,显示了两列布局,左侧是...
mGui用于简化Maya GUI编码的模块基本mGui是一个Python模块,用于使用Maya的内置GUI小部件简化GUI创建。 因此,它不能替代更复杂的功能(例如PyQT或PySide),而是一种可以更快,更可靠地制作简单UI(并且无需在较早...
12.6.1 使用绘制对象的方法 257 12.6.2 绘制线条 258 12.6.3 绘制字符 259 12.6.4 绘制填充图形 260 12.6.5 绘制图像 261 12.7 本章小结 261 第13章 SWT的高级应用.. 262 13.1 打印支持 262 13.1.1 ...
Qt Quick编程之Qt Quick元素布局,在Qt Quick中有两套与元素布局相关的类库,一套叫作Item Positioner(定位器),一套叫作Item Layout(布局)。其实我们前面还讲了一个锚布局,它通过Item的anchors属性实现,是Qt ...
TControlList 发现TControlList /发现TControlList 各种程序来发现这个新组件的各个方面 ... 在运行时更改演示文稿/在运行时更改columnlayout属性 3-自由潜水 通过onDrawItem事件的代码加载ControlList