<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>columnlayout
最新推荐文章于 2024-06-18 21:33:02 发布
1719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
