案例: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
         Ext.create('Ext.container.Container', {
9
            renderTo : Ext.getBody(),
10
            layout : 'accordion' ,
11
            width : 600,
12
            items : [{
13
               title : 'Panel 1',
14
               html : 'Panel 1 html content'
15
            },{
16
               title : 'Panel 2',
17
               html : 'Panel 2 html content'
18
            },{
19
               title : 'Panel 3',
20
               html : 'Panel 3 html content'
21
            },{
22
               title : 'Panel 4',
23
               html : 'Panel 4 html content'
24
            },{
25
               title : 'Panel 5',
26
               html : 'Panel 5 html content'
27
            }]
28
         });
29
      });
30
   </script>
31
</head>
32
<body>
33
</body>
34
</html>