/ext-4.1.0_b3/examples/videos/layout.html

https://bitbucket.org/srogerf/javascript · HTML · 54 lines · 49 code · 4 blank · 1 comment · 0 complexity · 65b8d0755e6226e378fad79cbb834808 MD5 · raw file 

    

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <title>Layouts</title>
    5. 

  5.     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
    6. 

  6. 

  7.     <!-- GC -->
    8. 

  8. 

  9.     <script type="text/javascript" src="../../ext-all.js"></script>
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12.     <script type="text/javascript" charset="utf-8">
    13. 

  13.         Ext.onReady(function() {
    14. 

  14.             Ext.create('Ext.panel.Panel', {
    15. 

  15.                 renderTo: Ext.getBody(),
    16. 

  16.                 height: 300,
    17. 

  17.                 width: 500,
    18. 

  18.                 title: 'Top Panel',
    19. 

  19. 

  20.                 layout: {
    21. 

  21.                     type: 'accordion'
    22. 

  22.                 },
    23. 

  23. 

  24.                 items: [
    25. 

  25.                     {
    26. 

  26.                         xtype: 'panel',
    27. 

  27.                         title: 'My Panel',
    28. 

  28.                         html : 'test'
    29. 

  29.                     },
    30. 

  30.                     {
    31. 

  31.                         xtype: 'panel',
    32. 

  32.                         title: 'North Panel',
    33. 

  33.                         html : 'test'
    34. 

  34.                     },
    35. 

  35.                     {
    36. 

  36.                         xtype: 'panel',
    37. 

  37.                         title: 'Second Panel',
    38. 

  38.                         items: [
    39. 

  39.                             {
    40. 

  40.                                 xtype: 'button',
    41. 

  41.                                 text: 'Button 1'
    42. 

  42.                             },
    43. 

  43.                             {
    44. 

  44.                                 xtype: 'button',
    45. 

  45.                                 text : 'Button 2'
    46. 

  46.                             }
    47. 

  47.                         ]
    48. 

  48.                     }
    49. 

  49.                 ]
    50. 

  50.             });
    51. 

  51.         });
    52. 

  52.     </script>
    53. 

  53. </body>
    54. 

  54. </html>
    55.