Ext.form.Panel:Form面板为表单提供了一个标准容器,它本质上是一个标准的Ext.panel.Panel,它自动创建一个用于管理任何Ext.form.field.Field对象的BasicForm。

<!DOCTYPE html>
<html>
   <head>
      <link href="./ext-6.0.0-gpl/ext-6.0.0/build/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">
      <script src="./ext-6.0.0-gpl/ext-6.0.0/build/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function () {
          var childPanel1 = Ext.create('Ext.Panel', {
            html:'panel1'
          });

          var childPanel2 = Ext.create('Ext.Panel', {
            html: 'panel2' 
          });

          Ext.create('Ext.form.Panel', {
            renderTo: Ext.getBody(),
            width: 100,
            height: 100,
            border: true,
            frame: true,
            items: [childPanel1, childPanel2]
          })
       });
      </script>
   </head>
   <body>
   </body>
</html>

运行结果:
image.png


零号
1 声望0 粉丝