<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>