JavaScript Programming JavaScript > Code Examples Add button to FormPanel and add event handler Add button to FormPanel and add event handler <html> <head> <title>Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { var radioGroup = { xtype: 'fieldset', title: 'Groups', autoHeight: true, items: [{ xtype: 'textfield', name: 'txt-test4', fieldLabel: 'Label', anchor: '95%' }] }; var fp = new Ext.FormPanel({ title: 'Title', frame: true, labelWidth: 110, width: 600, renderTo:Ext.getBody(), bodyStyle: 'padding:0 10px 0;', items: [ radioGroup ], buttons: [{ text: 'Save', handler: function(){ if(fp.getForm().isValid()){ Ext.Msg.alert('Happy Codings :-) JavaScript Code Examples'); } } },{ text: 'Reset', handler: function(){ fp.getForm().reset(); } }] }); }); </script> <div id='div1'>Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples</div> </body> </html>