Ext.layout.ColumnLayout扩展自Ext.layout.ContainerLayout,其xtype值为column。
子面板的主要配置项:
columnWidth:以百分比为单位的列宽,必须是大于0小于1的小数,所有列的columnWidth值相加必须等于1。
width:以像素为单位的固定宽度。
百分比计算的基础宽度是父容器的宽度减去固定列宽之后剩余的宽度值。
new Ext.Panel({
renderTo: "div2",
frame: true,
layout: "column",
title: "列布局(ColumnLayout)",
width: 500,
defaults: {
bodyStyle: "padding:3px; background-color: #FFFFFF;",
frame: true
},
items: [
{width:150, title:"嵌套面板1", html:"嵌套面板1"},
{columnWidth:0.7, title:"嵌套面板2", html:"嵌套面板2"},
{columnWidth:0.3, title:"嵌套面板3", html:"嵌套面板3"}
]
});
- 大小: 16.7 KB
分享到:
相关推荐
折叠布局Ext.layout.AnchorLayout 边框布局Ext.layout.BorderLayout 卡片式布局Ext.layout.CardLayout 列布局Ext.layout.ColumnLayout 填充布局xt.layout.FitLayout 表单布局Ext.layout.FormLayout 表格布局Ext....
列布局 用于在列中显示文本的 Android 视图。 该视图将 CharSequence 作为文本并将其呈现到彼此相邻的列中。 可以调整列宽、文本大小和列之间的空白空间。 目前仅支持 fill_parent 或固定布局大小参数。 应该使用 ...
多列布局页面在pages \ MultiColumnLayout \ multiColumnLayout.html中,显示了具有相等大小的列的两列布局。 要添加更多列,请单击column2旁边的+或将ColumnLayout从Elements拖放到相应位置。 左侧为查看器,右侧...
mGui用于简化Maya GUI编码的模块基本mGui是一个Python模块,用于使用Maya的内置GUI小部件简化GUI创建。 因此,它不能替代更复杂的功能... columnLayout ( adj = True ) main_attach = [( maincol , 'top' , margin
7.4.7 设置单元格跨行和跨列显示:horizontalSpan和verticalSpan属性 109 7.4.8 设置单元格空间的抢占方式:grabExcessHorizontalSpace和 grabExcessVerticalSpace属性 110 7.4.9 设置的控件大小:...
TControlList 发现TControlList /发现TControlList 各种程序来发现这个新组件的各个方面 ... 在运行时更改演示文稿/在运行时更改columnlayout属性 3-自由潜水 通过onDrawItem事件的代码加载ControlList
ColumnLayout TableLayout 37. Removed [XType] Attribute and replaced with XType readonly property. Example (Old) [Xtype("window")] Example (New) protected override string...