Hi,i want to know to pass values of form from one view to another view where the same values user enter in first view.

This my html code,

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<title>Ext.form.Basic Example</title>
<link rel="stylesheet" href="ext-all.css"/>
<link rel="stylesheet" href="ext-standard.css"/>
<script src="ext-all-debug.js"></script>

<script src="app.js"></script>

</head>
<body>

</body>
</html>

app.js


Ext.onReady(function () {
Ext.create('Ext.Button', {
id:'button',
bodyPadding: 10,
pack:'center',
align:'center',
text: 'Register',


listeners: {
click: function () {
var paneltab = Ext.create('app2');
Ext.getCmp('button').destroy();

Ext.Viewport.add(paneltab);
} // click
}, // listeners
renderTo: Ext.getBody()
}); // create()
}); // onReady()

this is app2.

Ext.define('app2', {
extend: 'Ext.form.Panel',

title: 'Registration Form',
id:'loginform',
renderTo: Ext.getBody(),
bodyPadding: 20,
width: 350,


// Any configuration items here will be automatically passed along to
// the Ext.form.Basic instance when it gets created.
// The form will submit an AJAX request to this URL when submitted
url:'application',
method:'POST',

defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
id:'first',

allowBlank: false
}, {
fieldLabel: 'Password',
name: 'pass',
inputType: 'password',
allowBlank: false
},

{
fieldLabel: 'Email',
name: 'email',
vtype:'email',
allowBlank: false,

}, {
xtype: 'datefield',
fieldLabel: 'Date of Birth',
name: 'birthDate',
allowBlank: false
},{
xtype: 'numberfield',
name: 'numberfield1',
fieldLabel: 'age',
value: 5,
minValue: 1,
maxValue: 100
},
{
xtype: 'textareafield',
name: 'textarea1',
fieldLabel: 'Location',

}
],

buttons: [{
text: 'Reset',
handler: function () {
this.up('form').getForm().reset();
}
},{
text: 'Login',

handler: function () {
// The getForm() method returns the Ext.form.Basic instance:
var form = this.up('form').getForm();
if (form.isValid()) {
// Submit the Ajax request and handle the response
form.submit({

success: function (form, action) {

response = Ext.decode(form.responseText);
console.log(action.result.action1);
Ext.Msg.alert('Success' , action.result.action1,
function(btn,text)
{
//Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);
//Ext.app2.remove(Ext.app2.getActiveItem(), true);
if (btn=='ok')
{


var paneltab = Ext.create('app3');
Ext.getCmp('loginform').destroy();
Ext.Viewport.add(paneltab);


}
}
);


},






/*Ext.create('Ext.container.Viewport', {

items: [
{
xtype: 'screenb'
}
]
});*/
/* Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
title: 'User Form',
height: 100,
width: 515,
defaults: {
xtype: 'textfield',
labelAlign: 'top',
padding: 10
},
layout: {
type: 'hbox'
},
items: [{
fieldLabel: 'First Name',
name: 'firstName'
}, {
fieldLabel: 'Last Name',
name: 'lastName'
}, {
xtype: 'datefield',
fieldLabel: 'Date of Birth',
name: 'birthDate'
}]
});*/



failure: function (form, action) {
Ext.Msg.alert('Failed', action.result.value);
}
});
}
}
}]

});

from this i am calling server application.java

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setContentType("text/html");

// Actual logic goes here.
PrintWriter out = response.getWriter();
String action=request.getParameter("first");
String action1=request.getParameter("pass");
String action2=request.getParameter("email");




if(action.equalsIgnoreCase("tcs")&&(action1.equalsIgnoreCase("company"))&&(action2.equalsIgnoreCase("anu@gmail.com")))
{
System.out.println("hello"+"\t"+action+"\t"+action1);
response.getWriter().println("{success:true,action1:'Welcome to Tata consultancy services' }");

}



else{
System.out.println(action);
System.out.println(action1);
response.getWriter().println("{falied:true, value:'error,Login Failed'}");}




}

}

after server response it will call app3.js




Ext.define('app3', {
extend: 'Ext.form.Panel',
title: 'Login',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
name: 'name',
fieldLabel: 'User Name',
allowBlank: false, // requires a non-empty value

}, {
xtype: 'textfield',
name: 'email',
fieldLabel: 'Password',
inputType: 'password',

// requires value to be a valid email address format
}]

});

i want to know how to pass values of firstname and password from app2.js to app3.js