formBuilder.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>Layouts</title>
  5. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
  6. <!-- GC -->
  7. <script type="text/javascript" src="../../ext-all.js"></script>
  8. </head>
  9. <body>
  10. <script type="text/javascript" charset="utf-8">
  11. Ext.onReady(function() {
  12. var form = Ext.create('Ext.form.Panel', {
  13. height: 600,
  14. width: 600,
  15. renderTo: Ext.getBody(),
  16. title: 'Form Builder',
  17. tbar: [
  18. {
  19. text: 'Add Textfield',
  20. handler: function() {
  21. form.add({
  22. xtype: 'textfield',
  23. fieldLabel: 'Text item'
  24. });
  25. }
  26. }
  27. ]
  28. });
  29. });
  30. </script>
  31. </body>
  32. </html>