ExtJs学习笔记(16)_Form布局

ExtJs学习笔记(16)_Form布局

这是最重要的一个布局，几乎所有的表单界面都可以采用form布局，详细的用法本文不作讨论(可以查阅官方API文档)，这里只给出一个简单的示例

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> < scripttype = " text/javascript " >
Ext.onReady( function () {
varwin=newExt.Window({
title:"formLayout",
height:150,
width:230,
plain:true,
bodyStyle:'padding:15px',
items:
{
xtype:"form",
labelWidth:30,
defaultType:"textfield",
frame:true,
items:
[
{
fieldLabel:"姓名",
name:"username",
allowBlank:false
},
{
fieldLabel:"呢称",
name:"nickname"
},
{
fieldLabel:"生日",
xtype:'datefield',
name:"birthday",
width:127
}
]
}
});
win.show();
} );
< / script>

效果图:

欢迎加入：http://www.itpob.cn/bbs