examples/panel/panels.js

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function(){\r
   8     var p = new Ext.Panel({\r
   9         title: 'My Panel',\r
  10         collapsible:true,\r
  11         renderTo: 'panel-basic',\r
  12         width:400,\r
  13         html: Ext.example.bogusMarkup\r
  14     });\r
  15 \r
  16         // preventBodyReset: true\r
  17         new Ext.Panel({\r
  18                 title: 'A Panel with W3C-suggested body-html styling',\r
  19                 preventBodyReset: true,\r
  20                 renderTo: 'panel-reset-true',\r
  21                 width: 400,\r
  22                 html: html.join('')\r
  23         });\r
  24 \r
  25         // preventBodyReset: false\r
  26         new Ext.Panel({\r
  27                 title: 'Same panel as above with preventBodyReset: false',\r
  28                 normal: false,\r
  29                 renderTo: 'panel-reset-false',\r
  30                 width: 400,\r
  31                 html: html.join('')\r
  32         });\r
  33 });\r
  34 \r
  35 // Some sample html\r
  36 var html = [\r
  37         '<h1>Heading One</h1>',\r
  38         '<h2>Heading Two</h2>',\r
  39         '<p>This is a paragraph with <strong>STRONG</strong>, <em>EMPHASIS</em> and a <a href="#">Link</a></p>',\r
  40         '<table>',\r
  41                 '<tr>',\r
  42                         '<td>Table Column One</td>',\r
  43                         '<td>Table Column Two</td>',\r
  44                 '</tr>',\r
  45         '</table>',\r
  46         '<ul>',\r
  47                 '<li>Un-ordered List-item One</li>',\r
  48                 '<li>Un-ordered List-item One</li>',\r
  49         '</ul>',\r
  50         '<ol>',\r
  51                 '<li>Ordered List-item One</li>',\r
  52                 '<li>Ordered List-item Two</li>',\r
  53         '</ol>',\r
  54         '<blockquote>This is a blockquote</blockquote>'\r
  55 ];