Call reset method to reset all fields on a form

   
<html>
<head>
<title>Hello World Window</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 myform = new Ext.FormPanel({ 
      url: 'your.php',
      renderTo: Ext.getBody(),
      frame: true,
      title: 'Title',
      width: 250,
      items: [
                {
            xtype: 'textfield',
            fieldLabel: 'Title',
            name: 'title',
            allowBlank: false
            }
        ],
            buttons: [
                {
            text: 'Save',
            handler: function(){
                        myform.getForm().submit({
                            success: function(f,a){
                                Ext.Msg.alert('Success', 'It worked');
                            },
                            failure: function(f,a){
                                if (a.failureType === Ext.form.Action.CONNECT_FAILURE){
                                    Ext.Msg.alert('Failure', 'Server reported:'+a.response.status+' '+a.response.statusText);
                                }
                                if (a.failureType === Ext.form.Action.SERVER_INVALID){
                                
                                    Ext.Msg.alert('Warning', a.result.errormsg);
                                }
                            }
                        });
            }
          }, 
          {
            text: 'Reset',
            handler: function(){
              myform.getForm().reset();
            }
          }
      ]
    });


});
</script> 
<div id='div1'>asdf</div>
</body>
</html>

Related examples in the same category

1.	Set field to typeahead to true
2.	Indicate field as local
3.	Set message target to under
4.	Collapsed fieldset
5.	Collapsible fieldset
6.	Building new types of fields quickly
7.	The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived 'rating' field.
8.	Load xml data for a Form
9.	Form field: allowBlank
10.	Set fieldset height to auto
11.	Get form button by id
12.	Spotlight Demo: restrict input to a particular element by masking all other page content

Call reset method to reset all fields on a form : Form Fields « Ext JS « JavaScript DHTML

Related examples in the same category