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:表单提交。