Need help with Sencha Touch!!
I am a Sencha ExtJS developer, its very similar to Sencha Touch. where are you getting stuck?
OP
masterkd
Padawan
Thanks for the reply..ya, I also found that Sencha ExtJS is very similar to Sencha Touch..Actually I'm stuck when I need to receive some server side response..
Like I'm trying to create a simple login form..if the username is "f" then it'll show me an alert that login successful..that username validation is done in a jsp..i can see my control is going to the jsp file..but no alert is shown!!
index.html
login.js
login.jsp
Like I'm trying to create a simple login form..if the username is "f" then it'll show me an alert that login successful..that username validation is done in a jsp..i can see my control is going to the jsp file..but no alert is shown!!
index.html
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Sencha Touch Login</title>
<script src="lib/sencha-touch.js" type="text/javascript"></script>
<link href="lib/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />
<script src="login.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>login.js
Code:
Ext.setup({
onReady: function() {
var form;
var formBase = {
scroll: 'vertical',
url: 'login1.jsp',
standardSubmit: false,
items: [{
xtype: 'fieldset',
title: 'Personal Info',
instructions: 'Please fill in the details.',
defaults: {
required: true,
labelAlign: 'left',
labelWidth: '40%'
},
items: [
{
xtype: 'textfield',
name : 'username',
label: 'Username',
useClearIcon: true,
autoCapitalize : false
},
{
xtype: 'passwordfield',
name : 'password',
label: 'Password',
useClearIcon: true
}
]
}
],
dockedItems: [
{
xtype: 'toolbar',
dock: 'bottom',
items: [
{
text: 'Reset',
handler: function() {
form.reset();
}
},
{
text: 'Save',
ui: 'confirm',
handler:function(){
form.submit({
method:'POST',
waitTitle:'Connecting',
waitMsg:'Sending data...',
success:function(){
Ext.Msg.alert('Status', 'Login Successful!', function(btn, text){
if (btn == 'ok'){
/*var redirect = '*www.google.com';
window.location = redirect;*/
}
});
},
failure:function(form, action){
if(action.failureType == 'server'){
obj = Ext.util.JSON.decode(action.response.responseText);
Ext.Msg.alert('Login Failed!', obj.errors.reason);
}else{
Ext.Msg.alert('Warning!', 'Authentication server is unreachable : ' + action.response.responseText);
}
form.reset();
}
});
}
}
]
}
]
};
if (Ext.is.Phone) {
formBase.fullscreen = true;
} else {
Ext.apply(formBase, {
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
height: 385,
width: 480
});
}
form = new Ext.form.FormPanel(formBase);
form.show();
}
});login.jsp
Code:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "*www.w3.org/TR/html4/loose.dtd">
<%
System.out.println("inside login.jsp");
String result;
String loginUsername = request.getParameter("username");
System.out.println("inside login.jsp1"+loginUsername);
if (null != loginUsername && loginUsername.length() > 0) {
System.out.println("inside login.jsp2"+loginUsername);
if (loginUsername.equals("f")){
result = "{success:true}";
System.out.println("inside login.jsp3"+loginUsername);
}else{
System.out.println("inside login.jsp4"+loginUsername);
result = "{success:false,errors:{reason:'Login failed.Try again'}}";
}} else {
System.out.println("inside login.jsp5"+loginUsername);
result = "{success:false,errors:{reason:'Login failed.Try again'}}";
}
System.out.println(result);
%>
<%=result %>I think there is a problem with handler. check using listener instead of handler. I am currently busy at work , will check it out in the evening .
Code:
text: 'Save',
ui: 'confirm',
handler:function(){
form.submit({
method:'POST',
waitTitle:'Connecting',
waitMsg:'Sending data...',
success:function(){
Ext.Msg.alert('Status', 'Login Successful!', function(btn, text){
if (btn == 'ok'){
/*var redirect = '*www.google.com';
window.location = redirect;*/
}
});
},
OP
masterkd
Padawan
Tried listener but couldn't make it work..do i need write the actions that will happen on submit inside listener..by the way i have seen examples console.log inside listener..where it is logging actually??
I tried this whole thing in ExtJS and more or less that's working but cannot make it work in Sencha Touch..any ideas??
I tried this whole thing in ExtJS and more or less that's working but cannot make it work in Sencha Touch..any ideas??
Last edited:
Not sure, will get back to you in the morning.
EDIT: are you using Sencha Touch 1 or 2?