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>