docs/source/panels.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">Ext.onReady(function(){\r
   9     var p = new Ext.Panel({\r
  10         title: 'My Panel',\r
  11         collapsible:true,\r
  12         renderTo: 'panel-basic',\r
  13         width:400,\r
  14         html: Ext.example.bogusMarkup\r
  15     });\r
  16 \r
  17         // preventBodyReset: true\r
  18         new Ext.Panel({\r
  19                 title: 'A Panel with W3C-suggested body-html styling',\r
  20                 preventBodyReset: true,\r
  21                 renderTo: 'panel-reset-true',\r
  22                 width: 400,\r
  23                 html: html.join('')\r
  24         });\r
  25 \r
  26         // preventBodyReset: false\r
  27         new Ext.Panel({\r
  28                 title: 'Same panel as above with preventBodyReset: false',\r
  29                 normal: false,\r
  30                 renderTo: 'panel-reset-false',\r
  31                 width: 400,\r
  32                 html: html.join('')\r
  33         });\r
  34 });\r
  35 \r
  36 // Some sample html\r
  37 var html = [\r
  38         '<h1>Heading One</h1>',\r
  39         '<h2>Heading Two</h2>',\r
  40         '<p>This is a paragraph with <strong>STRONG</strong>, <em>EMPHASIS</em> and a <a href="#">Link</a></p>',\r
  41         '<table>',\r
  42                 '<tr>',\r
  43                         '<td>Table Column One</td>',\r
  44                         '<td>Table Column Two</td>',\r
  45                 '</tr>',\r
  46         '</table>',\r
  47         '<ul>',\r
  48                 '<li>Un-ordered List-item One</li>',\r
  49                 '<li>Un-ordered List-item One</li>',\r
  50         '</ul>',\r
  51         '<ol>',\r
  52                 '<li>Ordered List-item One</li>',\r
  53                 '<li>Ordered List-item Two</li>',\r
  54         '</ol>',\r
  55         '<blockquote>This is a blockquote</blockquote>'\r
  56 ];</pre>    \r
  57 </body>\r
  58 </html>