通當前項目參考作用

Question

在knockoutjs我如何通過當前項目引用的函數？

我有我遍歷一個圖片庫，當用戶點擊我要檢查，如果照片中的用戶選擇在img標籤的特定類的照片。

這裏是一個不工作我當前的代碼。

my.Character = function() { 
    var self = this; 
    self.text = ko.observable(); 
    self.value = ko.observable(); 
    self.image = ko.observable(); 
    self.imageSrc= ko.computed(function() { 
     return "/Images/" + self.image(); 
    }, this); 
    self.selected = function ($data) { 

     if ($data.hasClass('selected')) { 
      // do stuff here 
     }; 
}; 

視圖

<div id="thumbnailsgall" data-bind='foreach: Characters'> 
    <a data-bind="click: function() { getImage(); }, attr: { rel: image, id: value }" class="thumb_nail" href="#">   
     <img class="inactive" data-bind="click: function() { selected($data); }, attr: { src: imageSrc }" /> 
    </a> 
</div> 

Answer 1

這是非常簡單與css binding做：

我想你必須在父上下文中的字符數組，它應該是這樣的：

my.Parent = function(){ 
    var self = this; 
    self.Characters = ko.observableArray(); 
    // stores the selected character 
    self.selected = ko.observable();  
    self.select = function (character) { 
     if(self.selected() === character) 
      self.selected(null); 
     else 
      self.selected(character); 
    }; 
}; 

my.Character = function() { 

    self.text = ko.observable(); 
    self.value = ko.observable(); 
    self.image = ko.observable(); 
    self.imageSrc= ko.computed(function() { 
     return "/Images/" + self.image(); 
    }, this); 
}; 

視圖

<div id="thumbnailsgall" data-bind='foreach: Characters'> 
    <a data-bind="click: function() { getImage(); }, attr: { rel: image, id: value }" class="thumb_nail" href="#">   
     <img class="inactive" data-bind="click: $parent.select, attr: { src: imageSrc }, css :{'selected' : $parent.selected() === $data}" /> 
    </a> 
</div> 

請注意，KO會在調用select函數（click：$ parent.select）時隱式傳遞綁定的viewmodel和事件。 在別人KO調用

$parent.select($data, clickEvent) 

這就是爲什麼我可以這樣寫：

self.select = function (character) {};