Jak przekazać bieżący element do funkcji JavaScript w powiązaniu Knockout.js?

Question

Próbuję dodać klasę do elementu za pomocą Knockout.js w zależności od tego, czy pole wyboru podrzędnego jest zaznaczone, czy nie. Aby to zrobić, próbuję przekazać this jako argument do mojej funkcji. Obecnie moja skrócona struktura DOM jest następujący:

<tr data-bind="css: { selected: isRowChecked(this) }"> 
    <td><label><input type="checkbox"></label></td> 
</tr> 

mój isRowChecked funkcja ta (używam jQuery zlokalizować wejście):

function isRowChecked(elem) { 
    var checkbox = $(elem).find('input[type="checkbox"]'); 
    return checkbox.checked; 
} 

Jednak gdybym console.logelem wszystko ja get to globalny obiekt okna.

Nie jest możliwe użycie jQuery do rozwiązania tego problemu w całości, ponieważ projekt, nad którym pracuję, już prawie całkowicie wykorzystuje nokaut. Jakieś pomysły?

Answer 1

Powinieneś być w stanie to osiągnąć, przekazując specjalną zmienną kontekstową wiążącą $ element. Jest to ostatnia zmienna discussed here.

$ elementem

Jest to element obiektu DOM (dla elementów wirtualnych, będzie to obiekt DOM komentarz) bieżącego wiążące. Może to być przydatne, jeśli powiązanie musi uzyskać dostęp do atrybutu bieżącego elementu. Przykład:

<div id="item1" data-bind="text: $element.id"></div>

W twoim przypadku, że będzie wyglądać następująco:

<tr data-bind="css: { selected: isRowChecked($element) }"> 
    <td><label><input type="checkbox"></label></td> 
</tr>