student.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="ext/resources/css/ext-all.css" />
<script src="ext/ext-all.js" type="text/javascript" language="javascript"></script>
<script src="ext/adapter/ext/ext-base.js" type="text/javascript" language="javascript"></script>
<script src="ext/ext-all-debug.js" type="text/javascript" language="javascript"></script>
</head>
<body>
<script>
Ext.onReady(function(){
var my_form=new Ext.FormPanel({
url:'save_form.php',
renderTo:document.body,
frame:true,
title:'Student form',
width:450,
items:[{
xtype:'textfield',
fieldLabel:'Name',
name:'name'
},{
xtype:'textfield',
fieldLabel:'Email',
name:'email'
},{
xtype:'textarea',
name:'address',
fieldLabel:'Address'
}
],
buttons:[{
text:'submit',
name:'submit',
handler:function(){
my_form.getForm().submit({
success:function(){
Ext.MessageBox.alert('Message','Data has been saved');
// my_form.getForm().reset();
},
failure:function(){
Ext.MessageBox.alert('Message','Saving data failed');
}
});
}
},{
text:'reset',
handler:function(){
my_form.getForm().reset();
}
}]
})
});
</script>
</body>
</html>
Comments 1