案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
   <script type="text/javascript">
7
      Ext.onReady(function () {
8
         var child1 = Ext.create('Ext.Panel',{     
9
            html: 'Text field' 
10
         });
11
        
12
         var child2 = Ext.create('Ext.Panel',{
13
            html: 'Text field' 
14
         });
15
         Ext.create('Ext.form.Panel', {
16
            renderTo: Ext.getBody(),
17
            width: 100,
18
            height : 100,
19
            border : true,
20
            frame : true,
21
            layout: 'auto',// auto is one of the layout type.
22
            items: [child1, child2]
23
         });
24
      });
25
   </script>
26
</head>
27
<body>
28
</body>
29
</html>