javascript changement de propriété d'événement

J'ai besoin de déclencher un événement à chaque fois qu'un bien est mis à jour/modifiés afin de garder les éléments dom, en synchronisation avec les valeurs de propriété sur le modèle (Im à l'aide de john resig de l'héritage simple http://ejohn.org/blog/simple-javascript-inheritance/). Est-ce possible de le faire dans une manière de croix-navigateur? Il me semble que si je pouvais envelopper quelle que soit la fonction js utilise pour définir les propriétés et faire feu à un événement, qu'il pouvait travailler, je suis juste pas sûr de la façon de le faire.

OriginalL'auteur joshontheweb | 2010-11-12

  1. 9

    JavaScript ne pas utiliser une fonction pour définir les propriétés. Ils sont juste des variables, et leur configuration ne nécessite pas d'élaborer des wrappers.

    Vous pourrait utiliser une fonction pour définir la propriété, si le même genre d'un getter/setter arrangement que vous pouvez utiliser dans un langage soutenu données privées dans les classes. De cette façon, votre fonction peut facilement exécuter d'autres fonctions qui ont été enregistrés comme des rappels. À l'aide de jQuery, vous pouvez même gérer ceux que les événements.

    $(yourObject).bind('some-event-you-made-up', function() { 
    //This code will run whenever some-event-you-made-up is triggered on yourObject
});

//... 

$(yourObject).trigger('some-event-you-made-up');
    Il est effectivement possible d'avoir "getter" et "setter" pour les propriétés de l'objet dans le Mozilla-extension de Javascript.
    Ou dans ECMAScript 5.
    Le problème est que l'objet que je veux écouter l'événement n'est pas un objet jquery, juste un objet générique qui est stocké dans le jquery objets de données de l'objet. Je ne sais pas comment lier un événement.
    Exactement comme je l'ai montré. yourObject peut être ce que vous voulez. Il n'a rien à voir avec jQuery. Vous êtes alors à l'aide de jQuery pour simplement garder une trace de toutes les fonctions de rappel vous pouvez lier à yourObject.
    grâce VoteyDisciple. c'est fonctionne exactement de la façon dont je l'avais espéré.

    OriginalL'auteur VoteyDisciple

  2. 2

    Peut-être que vous avez déjà résolu votre problème avec jQuery bind/déclencheur, mais je voulais dire que je suis en train de construire un Suivi des modifications et (en haut) la Modélisation des entités Framework Javascript, nommé "tente" qui résout le problème de l'exposition, sans aucune syntaxe spéciale sur la manipulation d'objet, de son open source et hébergé à l':

    https://github.com/benjamine/tent

    Il est documenté avec JSDoc et de l'unité testée avec js-test-pilote.

    vous pouvez utiliser le suivi des modifications module de cette façon:

       var myobject = { name: 'john', age: 34 };

   //add a change handler that shows changes on alert dialogs
   tent.changes.bind(myobject, function(change) {
       alert('myobject property '+change.data.propertyName+' changed!');
   });

   myobject.name = 'charly'; //gets notified on an alert dialog

    il travaille avec l'ensemble des changements trop (ajouter, supprimer).
    En outre, vous pouvez utiliser le bouton "Entité" Contextes de garder une révision de tous les cas de modifications (AJOUT, suppression, modification des éléments) regroupés sur les collections, cascade ajoute et supprime, garder inverse propriétés synchronisés, la piste 1-pour-1, 1-à-N et N-M relations, etc.

    c'est un très intéressant cadre.

    OriginalL'auteur Benja

  3. 0

    Objet defineProperty/defineProperties fait le tour.
    Voici un code simple. J'ai construit certains de liaison de données les frameworks basés sur que, et il peut devenir très complexe, mais pour l'exercice de son comme ceci:

    var oScope = {
    $privateScope:{},
    notify:function(sPropertyPath){
        console.log(sPropertyPath,"changed");
    }
};
Object.defineProperties(oScope,{
    myPropertyA:{
        get:function(){
            return oScope.$privateScope.myPropertyA
        },
        set:function(oValue){
            oScope.$privateScope.myPropertyA = oValue;
            oScope.notify("myPropertyA");
        }
    }
});

oScope.myPropertyA = "Some Value";
//console will log: myPropertyA changed

    OriginalL'auteur Guilherme Ferreira

  4. -1

    Vous pouvez essayer de Javascript Propriété Événements (jpe.js)

    J'ai rencontré un problème similaire, et a fini par écrire une fonction de surcharge pour l'Objet.defineProperty qui ajoute des gestionnaires d'événements pour les propriétés. Il fournit également la vérification de type (js-de base-types) et les stocke sa valeur en interne, la prévention des modifications non désirées.

    Échantillon de normal defineProperty:

    Object.defineProperty(document, "property", {
    get:function(){return myProperty},
    set:function(value){myProperty = value},
})
var myProperty = false;

    Échantillon de propriété avec l'événement onchange:

    Object.defineProperty(document, "property", {
    default:false,
    get:function(){},
    set:function(value){},
    onchange:function(event){console.info(event)}
})
    j'ai été choqué de voir une "onchange" de l'événement, mais seulement plus tard que j'ai vu, c'est un cadre haha

    OriginalL'auteur E. P. de Haas