Изменение CSS элемента в после Перемещение события Knockout sortable

Question

Я хочу, чтобы изменил CSS элемента после его перетаскивания (afterMove event) в контейнер, используя библиотеку сортировки с нокаутом. Я пытался получать идентификатор DIV, содержащий элемент и изменение его CSS в afterMove события как:

document.getElementById('container').style.backgroundColor="yellow";

Приведенный выше код не меняет цвет перемещаемого элемента, но самый первый элемент в наблюдаемой массив элементов. Я прикрепил скрипач JS к текущей ситуации. Является ли это способом доступа к идентификатору div элемента, который был перемещен, так что изменяется только css этого конкретного элемента?

Attached JS fiddler

Answer 1

Добавить перемещенную собственность своих студентов

var Student = function(id, name, gender) { 
    this.id = id; 
    this.name = ko.observable(name); 
    this.gender = gender; 
    this.moved = ko.observable(false); 
}; 

Bind CSS для элементов, чтобы использовать его:

<div id="container" style="background-color: white; margin:4px;"> 
    <p data-bind="text: name, css:{two:moved}"></p> 
</div> 

Установите свойство после переезда:

this.updateLastAction = function(arg) { 
    arg.targetParent()[arg.targetIndex].moved(true); 
}; 

http://jsfiddle.net/UdXr4/846/