Sencha Touch Bouton À Bascule

Comment pourriez-vous exécuter une action lorsque l'on pousse un bouton comme ceci:

{
    xtype: 'togglefield',
    name: 'enableSnd',
    label: 'Sound',
    value : 1    
}

?

InformationsquelleAutor headkit | 2011-04-26
  1. 6

    Voici un exemple je suis en train de l'utiliser dans une application de la mine. J'utilise le "beforechange" fonction afin de vérifier et de valider certaines données avant de me effectuer l'action réelle dans le "changement".

    {
    xtype: 'togglefield',
    name: 'toggleName',
    label: 'My Toggle Field',
    listeners: {
        beforechange: function (slider, thumb, newValue, oldValue) {
            if (oldValue == 0 && newValue == 1) {
                //Changing from off to on...validate something?
            }
        },
        change: function (slider, thumb, newValue, oldValue) {
            if (oldValue == 0 && newValue == 1) {
                //Changing from off to on...do something?
            }
            else if (oldValue == 1 && newValue == 0)
                //Changing from on to off...do something?
        }
    }
}
    • Bonjour robert, merci pour la réponse, je viens de l'errance pourquoi vous où testung la fois les anciennes et les nouvelles valeurs dans le changement ?
    • Juste parce que je suis paranoïaque et que vous voulez vous assurer que la valeur est en train de changer ce que je suis en supposant qu'elle est en train de faire. 🙂
    • pour une raison que ma fonction est de recevoir les paramètres dans un ordre différent de changement: function (curseur, newValue, oldValue, pouce) {
    InformationsquelleAutor robertmiles3
  2. 1

    Ont un coup d'oeil à la documentation officielle en sencha:

    Pour un simple bouton: 

        var playPauseButton = new Ext.Button({
    ui: 'small',
    text: 'Play',
    listeners: {
      tap: function() {
      Ext.Ajax.request({
        url: '/api/pause',
        success: updateStatus,
        failure: updateStatus });
      }
    }
    });

    Pour une bascule, l'événement semble être dragend...

    • merci! j'ai regardé mais supervisées il...
    • hm, toujours pas de travail. essayé d'activer, de désactiver, dregend... le seul auditeur qui écoute vraiment est "changement". mais celui-ci se déclenche aussi lors de l'initialisation. hm...
    InformationsquelleAutor Oct
  3. 0

    J'utilise le code suivant pour définir une valeur initiale à une togglefield
    et pour réagir à l'évolution de la togglefield.

    J'ai d'abord désactiver le togglefield,
    et puis utiliser le (inattendue) des comportements qui
    Sencha Touch déclenche un événement de changement pour cette togglefield lors de l'initialisation pour permettre d'évaluer la togglefield.

    Remarque il doit travailler à la fois le vrai et le faux en tant que valeurs initiales.
    Si vous voulez en fait de désactiver le togglefield d'abord,
    vous devez supprimer l'autre partie.

    {
    xtype: 'togglefield',
    title: 'LightSwitch',
    label: 'Switch Lights',
    value: false,                        //initial value
    listeners: {
        change: function(slider, thumb, newValue, oldValue) {
            if (this.isDisabled() == false) {   //isEnabled
                alert('change Togglefield Event triggered');   //do something
            }
            else {
                this.enable();                                 //enable togglefield  
            }
        }
    },
    disabled: true,                                           
}
    InformationsquelleAutor Michael Hilbert