<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试Ext.layout.ColumnLayout</title>
<link rel="stylesheet" type="text/css"
href="script/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/buttons.css" />
<script type="text/javascript" src="script/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="script/ext-all.js"></script>
<script type="text/javascript" src="script/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function init()
{
var form = new Ext.form.FormPanel({
title: 'Form',
labelAligh:'right',
labelWidth:50,
frame:true,
width:600,
url:'test.jsp',
layout:'column',
defaults:{
layout:'form',
columnWidth: .33
},
items:[{
items:[{xtype:'textfield',fieldLabel:'姓名'}]
},{
defaultType:"textfield",
items:[{fieldLabel:'居住地1'},{fieldLabel:'居住地2'}]
},{
defaultType:"textfield",
items:[{fieldLabel:'爱好1'},{fieldLabel:'爱好2'},{fieldLabel:'爱好3'}]
}],
buttons:[{
text:'提交',
handler:function(){ form.getForm().submit();}
}]
});
form.render("form");
}
Ext.onReady(init);
</script>
</head>
<body>
<br>
<br>
<center>
<div id="form"></div>
</center>
</body>
</html>
分享到：
相关推荐
列布局 用于在列中显示文本的 Android 视图。 该视图将 CharSequence 作为文本并将其呈现到彼此相邻的列中。 可以调整列宽、文本大小和列之间的空白空间。 目前仅支持 fill_parent 或固定布局大小参数。...
ColumnLayout TableLayout 37. Removed [XType] Attribute and replaced with XType readonly property. Example (Old) [Xtype("window")] Example (New) protected override string...
第1章 Java语言的GUI历史 2 1.1 最初的AWT 2 1.2 Swing工具包 3 1.3 Eclipse的诞生 3 1.4 Eclipse贡献SWT工具包 5 1.4.1 SWT的结构 6 ...1.4.2 SWT所支持的操作系统 6 ...1.5 Sun AWT/Swing与Eclipse SWT 7 ...
折叠布局Ext.layout.AnchorLayout 边框布局Ext.layout.BorderLayout 卡片式布局Ext.layout.CardLayout 列布局Ext.layout.ColumnLayout 填充布局xt.layout.FitLayout 表单布局Ext.layout.FormLayout 表格布局Ext....
UILayouts 显示使用UI-Builder的不同布局的示例。... 要添加更多列，请单击column2旁边的+或将ColumnLayout从Elements拖放到相应位置。 左侧为查看器，右侧为可滚动列在pages \ ViewerLeftScrollableRight \ viewer
mGui用于简化Maya GUI编码的模块基本mGui是一个Python模块，用于使用Maya的内置GUI小部件简化GUI创建。 因此，它不能替代更复杂的功能... columnLayout ( adj = True ) main_attach = [( maincol , 'top' , margin
TControlList 发现TControlList /发现TControlList 各种程序来发现这个新组件的各个方面 ... 在运行时更改演示文稿/在运行时更改columnlayout属性 3-自由潜水 通过onDrawItem事件的代码加载ControlList