columnlayout

2016 ワード

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