examples/panel/panels.js

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