Ext布局实例-----FormLayout布局

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>formLayout.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>

<script type="text/javascript">
Ext.onReady(function(){
var panel=new Ext.Panel({
layout:'form',
title:'Ext.layout.FormLayout示例',
labelSeparator:':',
frame:true,
width:200,
height:250,
applyTo:'panel',
defaultType:'textfield',
items:[
{
fieldLabel:'用户名',
allowBlank:false
},
{
fieldLabel:'密码',
allowBlank:false

}

]

});



});

</script>


</head>

<body>
<div id="panel"></div>
</body>
</html>

你可能感兴趣的:(layout)