ExtJs 入门 [表单：FormPanel]

<script type="text/javascript" src="extjs/ext-all.js"></script>      <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />     <script type="text/javascript">         Ext.onReady(function () {             var form = new Ext.form.FormPanel({                 frame: true,                 title: '表单标题',                 style: 'margin:10px',                 html: '<div style="padding:10px">表单内容</div>'            });                         var win = new Ext.Window({                title: '标题',                 width: 555,                 height: 444,                html: '<div>内容</div>',                 resizable: true,                 modal: true,                 closable: true,                  maximizable: true,                 minimizable: true,                                  items:form             });                          win.show();        });     </script>

 说明：
 (1)var form = new Ext.form.FormPanel({}):创建一个新的form表单对象。
 (2)title: '表单标题'：表单的标题，如果不加的话，不会出现上面的浅色表单标题栏。
 (3)style: 'margin:10px':表单的样式，加了个外10px的外边距。
 (4)html: '<div style="padding:10px">这里表单内容</div>'：表单内显示html的内容。

效果:

一、属性

width:整型，表单宽度。

height:整型，表单高度。

url:字符串，表单提交地址。

二、方法

reset:表单重置。

isValid:表单是否验证全部通过。

submit:表单提交。