Hello,
I have following code.
Code:
Ext.setup( {
onReady : function() {
var form = Ext.create('Ext.form.Panel', {
fullscreen : true,
items : [ {
xtype : 'textfield',
name : 'email',
label : 'EMail',
labelWidth : '35%'
}, {
xtype : 'passwordfield',
name : 'password',
label : 'Password',
labelWidth : '35%'
}, {
xtype : 'button',
text : 'Login',
margin : '5 5 5 5',
handler : function() {
var values = form.getValues();
if (values.email == '') {
Ext.Msg.alert('Alert', 'Email Address can not be empty.', Ext.emptyFn);
}else{
// Call to home view
}
}
}, {
xtype : 'button',
text : 'Forget Password',
margin : '5 5 5 5',
handler : function() {
// Forget Password Clicked
}
} ]
});
Ext.Viewport.add(form);
}
});
This is my app.js file
The following is index.html file.
Code:
<!DOCTYPE html>
<html>
<head>
<title>MVC</title>
<script type="text/javascript" src="lib/cordova-1.5.0.js"></script>
<script type="text/javascript" src="lib/sencha/sencha-touch-all.js"></script>
<link rel="stylesheet" href="lib/sencha/sencha-touch.css" />
<script type="text/javascript" src="app/app.js"></script>
<script type="text/javascript" src="app/view/home.js"></script>
</head>
<body>
</body>
</html>
and the following is home.js file
Code:
var form1 = Ext.create('Ext.form.Panel', {
fullscreen : true,
xtype : 'homeview',
items : [ {
xtype : 'textfield',
name : 'email',
label : 'EMail',
labelWidth : '35%'
}, {
xtype : 'passwordfield',
name : 'password',
label : 'Password',
labelWidth : '35%'
} ]
});
As you can see the app.js file has code line "// Call to home view". I want to add home.js screen there. how can I do that ? Please Help me.