8719dfad4bcc53317d5e5f97edf24c5ba68012ed.svn-base 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /*
  2. * Ext JS Library 2.0 Copyright(c) 2006-2007, Ext JS, LLC. licensing@extjs.com
  3. *
  4. * http://extjs.com/license
  5. */
  6. /*
  7. *
  8. */
  9. Ext.onReady(function() {
  10. var win = new Ext.Window({
  11. title : 'Slider Test Form',
  12. collapsible : true,
  13. closable : false,
  14. width : 400,
  15. height : 300,
  16. layout : 'fit',
  17. items : {
  18. xtype : 'form',
  19. id : 'slider-form',
  20. bodyStyle : 'padding:5px',
  21. baseCls : 'x-plain',
  22. url : 'echo.php',
  23. defaults : {
  24. width : 200
  25. },
  26. // defaults:{anchor:'95%'},
  27. items : [{
  28. xtype : 'textfield',
  29. name : 'textfield1',
  30. anchor : '95%',
  31. fieldLabel : 'Text Field'
  32. }, {
  33. xtype : 'sliderfield',
  34. name : 'slider1',
  35. minValue : 50,
  36. maxValue : 100,
  37. anchor : '95%',
  38. fieldLabel : 'Slider'
  39. }]
  40. },
  41. buttons : [{
  42. text : 'Save',
  43. handler : function() {
  44. Ext.getCmp('slider-form').getForm().submit({
  45. success : function(form, action) {
  46. alert('Success:\n'
  47. + action.response.responseText);
  48. },
  49. failure : function(form, action) {
  50. alert('Failure: ' + action.failureType);
  51. }
  52. });
  53. }
  54. }, {
  55. text : 'Cancel'
  56. }]
  57. });
  58. win.show();
  59. });
  60. // end of file