/hippo/src/main/webapp/js/form/NewExperimentForm.js

http://hdbc.googlecode.com/ · JavaScript · 63 lines · 57 code · 6 blank · 0 comment · 0 complexity · ad0404f4bdbcd7cb05042cb7dc255473 MD5 · raw file 

    

  1. Ext.namespace('Hippo.form');

    2. 

  2. 

    3. 

  3. Hippo.form.NewExperimentForm = Ext.extend(Ext.form.FormPanel, {

    4. 

  4. 

    5. 

  5. 	submitHandler: function(e, t) {

    6. 

  6. 		this.getForm().submit({

    7. 

  7. 			url: 'console/experiments'

    8. 

  8. 			,method: 'post'

    9. 

  9. 			,timeout: 5000

    10. 

  10. 			,success: this.onSubmitSuccess.createDelegate(this)

    11. 

  11. 			,failure: this.onSubmitFail

    12. 

  12. 		});

    13. 

  13. 	}

    14. 

  14. 	,onSubmitSuccess: function(frm, action) {

    15. 

  15. 		var jsonRsp = Ext.util.JSON.decode(action.response.responseText);

    16. 

  16. 		Ext.getCmp('viewport').fireEvent("on_newExperimentSaved", jsonRsp, this.ownerCt);

    17. 

  17. 	}

    18. 

  18. 	,onSubmitFail: function(frm, act) {

    19. 

  19. 		Ext.Msg.alert('Failure', act.response.statusText);

    20. 

  20. 	}

    21. 

  21. 	,initComponent : function() {

    22. 

  22. 		Ext.apply(this, {

    23. 

  23. 			id: 'newexpmntform'

    24. 

  24. 			,bodyStyle: 'padding: 5px 5px 5px 5px'

    25. 

  25. 			,frame: true

    26. 

  26. 			,method: 'post'

    27. 

  27. 			,buttons: [{id: 'create' ,text: 'create' ,xtype: 'button'

    28. 

  28. 				,listeners: {

    29. 

  29. 					'click': {

    30. 

  30. 						fn: this.submitHandler

    31. 

  31. 						,scope: this

    32. 

  32. 					}

    33. 

  33. 				}

    34. 

  34. 			}

    35. 

  35. 			,{

    36. 

  36. 				id: 'cancel'

    37. 

  37. 				,text: 'cancel'

    38. 

  38. 				,xtype: 'button'

    39. 

  39. 				,listeners: {

    40. 

  40. 					'click': {

    41. 

  41. 						fn: function(e, t) {

    42. 

  42. 							this.ownerCt.ownerCt.ownerCt.destroy();

    43. 

  43. 						}

    44. 

  44. 					}

    45. 

  45. 				}

    46. 

  46. 			}]

    47. 

  47. 			,defaults: {

    48. 

  48. 				allowBlank: false

    49. 

  49. 				,width: 325

    50. 

  50. 			}

    51. 

  51. 			,items: [

    52. 

  52. 				{id: 'title', name: 'title', fieldLabel: 'title', maxLength: 64, xtype: 'textfield'}

    53. 

  53. 				,{id: 'purpose', name: 'purpose', fieldLabel: 'purpose', maxLength: 128, xtype: 'textarea'}

    54. 

  54. 			]

    55. 

  55. 

    56. 

  56. 		});

    57. 

  57. 		

    58. 

  58. 		Hippo.form.NewExperimentForm.superclass.initComponent.apply(this, arguments);

    59. 

  59. 	}

    60. 

  60. });

    61. 

  61. 

    62. 

  62. Ext.reg('form.NewExperimentForm', Hippo.form.NewExperimentForm);
    63.