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 :/

[sekaijin]

je ne comprends pas la structure de ton appli
pourquoi y a-t-il des hendler d'événement dans la vue ?

dans la doc

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
Ext.define('AM.controller.Users',{...
    init:function(){
        this.control({
'useredit button[action=save]':{
                click:this.updateUser
            }
        });
    },
    ...
    updateUser:function(button){
        console.log('clicked the Save button');
    }
    ...});

le controle se fait en indiquant l'action du bouton
et dans la vue on defini une action

Code :

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

1
2
3
4
this.buttons =[{
                text:'Save',
                action:'save'
            }];

mais on ne mets pas le hendler dans la vue
A+JYT

[wazany]

Merci poru la réponse en fait je me suis servis de ça pour commencer : http://miamicoder.com/2012/adding-a-...h-application/ ce

[sekaijin]

il y a peut-être une différence de version de sencha
A+JYT