Discussion :

[wazany]

Bonjour,

je suis entrain de m'essayer à sencha touch et j'ai un petit soucis lors de la création d'une nouvelle view/controller mais quand je l'essaie il n'y a aucune réaction voilà la structure de l'app

une page login ou on peut se co ou créer un compte la partie se connecter renvoie vers un mainmenu qui fonctionne car je peut me deco . Mais des que je viens sur ma page signup elle s'affiche mais mes boutons ne fonctionne pas

Controller SIgnup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
Ext.define('PTFMobile.controller.SignUp', {
    extend: 'Ext.app.Controller',
    config: {
        refs: {
            loginView: 'loginview',
            signupview: 'signupview'
        },
        control: {
            signupview: {
              signUpUserCommand:'onSignUpUserCommand',
              backToLoginCommand:'onBackToLoginCommand'
            }
        }
    },
 
    // Transitions
    getSlideLeftTransition: function () {
        return { type: 'slide', direction: 'left' };
    },
 
    getSlideRightTransition: function () {
        return { type: 'slide', direction: 'right' };
    },
 
 
    /* Récupération des données  */
 
    onSignUpUserCommand: function (view, email, name, password, passwordReType, adresse){
        console.log("username : "+ username + " email :"+ email + " password : " +password);
    }
 
 
    onBackToLoginCommand: function(){
      console.log("test2");
    }
 
});

View SignUp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
Ext.define('PTFMobile.view.SignUp', {
	extend: 'Ext.form.Panel',
	alias: 'widget.signupview',
	requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img', 'Ext.util.DelayedTask'],
	config:{
		title:'SignUp',
		items:[
			{
				xtype:'fieldset',
				title:'Sign up your account',
				items:[
					{
              xtype: 'emailfield',
              placeHolder: 'Email',
              itemId: 'emailTextField',
              name: 'emailTextField',
              margin : "5px 0 5px 0",
              required: true
          },
          {
              xtype: 'textfield',
              placeHolder: 'name',
              itemId: 'nameTextField',
              name: 'nameTextField',
              required: true
          },
          {
              xtype: 'passwordfield',
              placeHolder: 'Password',
              itemId: 'passwordTextField',
              name: 'passwordTextField',
              required: true
          },
          {
              xtype: 'passwordfield',
              placeHolder: 'Confirm your Password',
              itemId: 'passwordReTypeTextField',
              name: 'passwordReTypeTextField',
              required: true
          },
          {
              xtype: 'textfield',
              placeHolder: 'Adresse postal',
              itemId: 'adresseTextField',
              name: 'adresseTextField',
              required: false
          }
 
				]
			},
      {
        xtype: 'button',
        itemId: 'SignUpUserButton',
        ui: 'action',
        padding: '10px',
        margin: '10px 5px 0 5px',
        text: 'Sign Up'
      },
      {
        xtype: 'button',
        itemId: 'BackToLogin',
        ui: 'action',
        padding: '10px',
        margin: '10px 5px 0 5px',
        text: 'Back to login'
      }
 
		],
    listerners: [
    {
      delegate:"#SignUpUserButton",
      event: 'tap',
      fn: 'onSignUpUserButtonTap'
    },
    {
      delegate:"#BackToLogin",
      event: 'tap',
      fn: 'onBackToLoginTap'
    }],
	},
 
  /*fonction loors de l'appuie boutton */
  onSignUpUserButtonTap: function() 
  {
    console.log("coucou");
    var me = this,
        emailTextField = me.down('#emailTextField'),
        nameTextField = me.down('#nameTextField'),
        passwordField = me.down('#passwordTextField'),
        passwordReTypeTextField = me.down('#passwordReTypeTextField'),
        adresseTextField = me.down('#adresseTextField'),
        email = emailTextField.getValue(),
        name = nameTextField.getValue(),
        password = passwordField.getValue(),
        passwordReType = passwordReTypeTextField.getValue(),
        adresse = adresseTextField.getValue();
 
    label.hide();
 
    me.fireEvent('signUpUserCommand', me, email, name, password, passwordReType, adresse);
  },
 
  onBackToLoginTap: function(){
    console.log("coucou2");
    this.fireEvent('backToLoginCommand');
  }
 
});

Ca me rend fou ce problème j'ai pourtant utilisé le même schéma que l'autres view :/