Unordered list "click" binding

Question

У меня есть неупорядоченный список, где я пытаюсь создать привязку click для каждого из элементов списка.

Как включить идентификатор списка и перехватить привязку?

<ul> 
    <li id ="tab1" data-bind="click: loadGeneralDataFromServer"><span data-bind='text:value'>General</span></li> 

    <li id = "tab2" data-bind="click: loadWelfareDataFromServer"><span data-bind='text:value'>Welfare</span></li> 
</ul> 

Как я могу включать идентификатор и нажмите связывание как один JS, который использует список идентификаторов и другой JS, который использует щелчок связывания?

Answer 1

См. «Примечание2» в середине this page. В нем объясняется, как вы можете получить доступ к исходному объекту события, вызвавшему щелчок внутри вашей модели viewmodel. Из этого события вы должны получить исходный элемент и его идентификатор.

Вот краткий пример:

<div id="div1" data-bind="click: clickDiv">Some div item</div> 
<div id="div2" data-bind="click: clickDiv">another div</div> 

var vm = { 
    clickDiv: function(data, event) { 
     alert(event.target.id); 
    } 
} 

ko.applyBindings(vm); 

jsFiddle