案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
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 childPanel1 = Ext.create('Ext.panel.Panel', {
9
             title: 'Child Panel 1',
10
             html: 'A Panel'
11
         });
12
13
         var childPanel2 = Ext.create('Ext.panel.Panel', {
14
             title: 'Child Panel 2',
15
             html: 'Another Panel'
16
         });
17
18
         Ext.create('Ext.container.Viewport', {
19
         renderTo: Ext.getBody(),
20
             items: [ childPanel1, childPanel2 ]
21
         });
22
      });
23
   </script>
24
</head>
25
<body>
26
</body>
27
</html>