knockout.js lier à des données statiques

Question

Quelle est la méthode suggérée pour lier à des données statiques existantes? Je dois l'inclure dans le viewmodel car il est utilisé dans les valeurs calculées.

http://jsfiddle.net/z2ykC/4/

<div id="sum" data-bind="text: sum"> 
</div> 
<div class="line"> 
    dynamic: <span data-bind="text: dynamicValue"></span> 
    static: <span data-bind="text: staticValue">312</span> 
    <button data-bind="click: getDataFromServer">get data</button> 
</div> 
<div class="line"> 
    dynamic: <span data-bind="text: dynamicValue"></span> 
    static: <span data-bind="text: staticValue">123</span> 
    <button data-bind="click: getDataFromServer">get data</button> 
</div> 

function SumViewModel(lines){ 
    this.sum = ko.computed(function(){ 
     var value = 0; 
     $.each(lines, function(index, element){ 
      var staticValue = element.staticValue(); 
      if (staticValue) 
       value += staticValue; 
      var dynamicValue = element.dynamicValue(); 
      if (dynamicValue) 
       value += dynamicValue; 
      value += dynamicValue; 
     }); 
     return value; 
    }); 
} 

function LineViewModel() { 

    this.randomNumber = function(max) { 
     return Math.floor((Math.random() * max) + 1); 
    }; 

    this.dynamicValue = ko.observable(0); 
    this.staticValue = ko.observable(); 

    this.getDataFromServer = function() { 
     this.dynamicValue(this.randomNumber(300)); 
    }; 

}; 

var lines = []; 
$('.line').each(function(index, element) { 
    var line = new LineViewModel() 
    //line.staticValue(parseInt($('[data-bind*="staticValue"]', element).text())); 
    lines.push(line); 
    ko.applyBindings(line, element); 
}); 
var sum = new SumViewModel(lines); 
ko.applyBindings(sum, $('#sum')[0]); 

Answer 1

Vous pouvez chercher à créer une liaison personnalisée, qui initialiser le staticValue observable. Voici un violon de travail:

http://jsfiddle.net/z2ykC/6/

Answer 2

Votre opinion est inefficace, mieux utiliser le foreach liant pour rendre les lignes. Si vous avez besoin de données dans le viewmodel, il appartient au viewmodel, ou doit être récupéré sur le serveur. Ne mettez pas dans la vue et extrayez-le.

function SumViewModel(lines) { 
    // ... 
    this.lines = lines; 
} 

function LineViewModel(staticValue) { 
    // ... 
    this.staticValue = ko.observable(staticValue); 
} 

var staticValues = [312, 123]; 
var lines = []; 

$.each(staticValues, function(index, value) { 
    lines.push(new LineViewModel(value)); 
}); 

ko.applyBindings(new SumViewModel(lines)); 

http://jsfiddle.net/z2ykC/5/