Javascript Girl
  1. Javascript Girl
  3. Sencha Touch 2 – Comment obtenir des valeurs de formulaire?
Intereting Posts
Marionette du squelette: Marionette.Application causant l'erreur de chargement du module Require.js, "'Erreur: Le nom du module' App 'n'a pas encore été chargé pour le contexte: _" Comment charger le contenu dans le fichier texte ou les codes html dans un fichier html dans une zone de texte en le parcourant d'abord? J'ai besoin de ($ ("# flip"). Cliquez sur slideToggle) pour effectuer plusieurs fois sur la même page avec le même ID <div> Désactivation du clic droit sur les images en utilisant jquery Ionic 2 – Google place et localise automatiquement Comment définir le niveau de zoom Google Map pour afficher tous les marqueurs? Sur la touche, appuyez sur le résultat instantané Comment puis-je renvoyer la valeur du menu déroulant désactivé après la soumission? AngularJS n'indique pas (analyse) les données fournies avec $ http.get dans Laravel5 Différence entre pour tout et pour la boucle en javascript Cryptage côté client via HTTP avec Diffie-Hellman Key Exchange et AES Pourquoi `Object.prototype.toString` renvoie-t-il toujours` `? Comment placer la tête de marqueur au milieu des liens Conversion de type de données implicite en JavaScript lors de la comparaison d'un nombre entier avec une chaîne à l'aide de == Garder le navigateur de renvoyer les variables de publication

Sencha Touch 2 – Comment obtenir des valeurs de formulaire?

J'ai une application MVC Sencha Touch 2 avec une forme comme vue. J'essaie d'obtenir des valeurs du contrôleur sans succès.

Comment cela pourrait-il être fait? Je publie mon code de vue / contrôleur pour celui-ci.

Vue: 

Ext.define('MyApp.view.LoginForm', { extend: 'Ext.form.Panel', config: { fullscreen: true, items: [ { xtype: 'fieldset', title: 'Login', id: 'loginform', items: [ { xtype: 'emailfield', name: 'email', label: 'Email' }, { xtype: 'passwordfield', name: 'password', label: 'Password' } ] }, { xtype: 'button', width: '50%', text: 'Login', ui: 'confirm', id: 'btnSubmitLogin' }, { xtype: 'toolbar', docked: 'top', title: 'MyApp Mobile' } ] } });

Et le contrôleur: 

 Ext.define("MyApp.controller.LoginForm", { extend: "Ext.app.Controller", config: { refs: { btnSubmitLogin: "#btnSubmitLogin" }, control: { btnSubmitLogin: { tap: "onSubmitLogin" } } }, onSubmitLogin: function () { console.log("onSubmitLogin"); var values = app.views.LoginForm.loginform.getValues(); TryLogin(values['email'], values['password']); }, launch: function () { this.callParent(); console.log("LoginForm launch"); }, init: function () { this.callParent(); console.log("LoginForm init"); } });

Le code va jusqu'à 

 console.log("onSubmitLogin");

Et puis arrêtez-vous.

Au lancement j'utilise ceci: 

 var LoginForm = Ext.create("MyApp.view.LoginForm"); Ext.Viewport.add(LoginForm);

Alors, comment puis-je obtenir les valeurs?

Merci

D'accord. Trouvé la réponse après quelques ajustements. Pour l'avenir des générations futures – voici la solution:

J'ai ajouté id:'loginform' au formulaire de connexion, puis, dans le contrôleur dans la partie loginForm: '#loginform' j'ai ajouté loginForm: '#loginform' . Ensuite, je pourrais l'utiliser comme suit: 

 var values = this.getLoginForm().getValues();

Bonne chance à tous

Essaye ça

Manette: 


     Ext.define ("mySIMS.controller.LoginForm", {
         Étendre: "Ext.app.Controller",
         Config: {
             Refs: {
                 BtnSubmitLogin: "#btnSubmitLogin",
                 LoginForm: '#loginform'
             },
             Contrôle: {
                 BtnSubmitLogin: {
                     Appuyez sur: "onSubmitLogin"
                 }
             }
         },
         OnSubmitLogin: function () {
             Console.log ("onSubmitLogin");
             Var values ​​= this.getLoginForm (). GetValues ​​();
             Console.log (valeurs);

             // var values ​​= Oreilly.views.LoginForm.loginform.getValues ​​();

         },
         Lancement: function () {
             This.callParent ();
             Console.log ("LoginForm lancer");
         },
         Init: function () {
             This.callParent ();
             Console.log ("LoginForm init");
         }
     });

Vue: 


     Ext.define ('mySIMS.view.LoginForm', {
         Étendre: 'Ext.form.Panel',
         Config: {
             Id: 'loginform',
             Plein écran: vrai
             articles : [{
                 Xtype: 'fieldset',
                 Titre: 'Login',
                 articles : [{
                     Xtype: 'emailfield',
                     Nom: 'email',
                     Label: 'Email'
                 }, {
                     Xtype: 'passwordfield',
                     Nom: 'mot de passe',
                     Label: 'Mot de passe'
                 }]
             }, {
                 Xtype: 'button',
                 Largeur: '8%',
                 Texte: 'Login',
                 Ui: 'confirmer',
                 Id: 'btnSubmitLogin'
             }, {
                 Xtype: 'toolbar',
                 Amarré: «haut»,
                 Titre: 'Mobile'
             }]
         }
     });

J'espère que cette aide.