panels.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:1k
源码类别:

中间件编程

开发平台:

JavaScript

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