Comment exclure certaines propriétés de Knockoutjs toJS ()

J'ai le modèle suivant:

var model = {
   A: 'One',
   B: 'Two',
   C: 'Three'
};

- Je lier les différents éléments de l'INTERFACE utilisateur de ces champs, qui fonctionne très bien. Cependant, j'ai de convertir le modèle à l'objet JavaScript afin que je puisse enregistrer les modifications sur le serveur:

var goingToServer = ko.toJS(model);

goingToServer comprendra des propriétés A, B et C. Cependant, disons du bien C est un énorme bloc de données qui ne changera jamais. J'aimerais éviter d'envoyer vers le serveur.

Est-il un moyen de faire toJS() seulement comprennent un ensemble prédéfini de champs lors de la conversion d'un modèle vers un objet JavaScript?

Une chose que j'ai étudié est le Knock-out plugin de Cartographie. Il possède un paramètre appelé inclure qui est décrit comme tel:

Lors de la conversion de votre point de vue d'un modèle vers un objet JS, par défaut, l'
plugin de cartographie comprend uniquement les propriétés qui ont été une partie de votre
point de vue original modèle, sauf qu'il comprendra également l'
De knock-out généré _destroy bien, même si elle ne faisait pas partie de votre
objet d'origine. Cependant, vous pouvez choisir de personnaliser ce tableau:

Toutefois, il semble que ce plugin ne fonctionne pas comme indiqué, comme ko.mapping.toJS() sera toujours inclure des A, B et C, même si je passe dans un include tableau de ['A', 'B']. Je devine que cette fonctionnalité est destinée à inclure supplémentaires champs qui n'étaient pas dans le modèle d'origine.

Est-il un moyen d'exclure certaines propriétés lors de la conversion d'un modèle vers un objet JavaScript, court de faire quelque chose de hacky comme la production de l'objet et de supprimer manuellement les propriétés que je ne veux pas en avant de l'envoyer au serveur?

source d'informationauteur Mike Christensen

  1. 24

    Avez-vous essayé le ignore mot-clé? Il est similaire à l'utilisation d'inclure:

    var mapping = {
    'ignore': ["propertyToIgnore", "alsoIgnoreThis"]
}
var viewModel = ko.mapping.toJS(data, mapping);

    Vous pouvez simplement utiliser ignorer lorsque vous ne l'original de cartographie des données du serveur, alors il ne sera pas sur votre objet, lorsque vous reconvertir en JS.

  2. 2

    Ok, j'ai trouvé une solution qui fonctionne bien, je l'espère, il y a une meilleure approche. L'astuce est de ignorer ces champs dans le plugin de cartographie, puis les ajouter manuellement comme des champs calculés. Les champs calculés n'aura jamais de fin dans le JavaScript généré de l'objet lors de toJS est appelé.

    //Utility function to quickly generate a computed field
ko.readonly = function (value)
{
   return ko.computed(function ()
   {
      return value;
   });
};

//View Model
var ViewModel = function (project)
{
   var readonly = ['B', 'C', 'D']; //Fields I want to ignore
   var mapping = {
      'ignore': readonly //Read-only properties, we'll add these manually as computed fields
   };

   //Use Mapping plugin to make everything observable, except the fields above
   ko.mapping.fromJS(project, mapping, this);

   //Now loop through the read only array and add these fields in as computed
   for(var i = 0; i < readonly.length; i++)
   {
      var field = readonly[i];
      this[field] = ko.readonly(project[field]);
   }
}

    Je peux maintenant se lier à ces modèle de vue comme d'habitude:

    ko.applyBindings(new ViewModel(data));