Stellen beobachtbar Wert auf die Schaltfläche

Question

klicken

Auf meiner Seite möchte ich in einem obdervable geklickt der Benutzer wich Taste verfolgen:

self.action = ko.observable(); 

I setAction eine Funktion schreiben kann und es mit einem Parameter auf jeder Taste Klick aufrufen, etwas wie folgt aus:

self.setAction = function (action) { 
    self.action(action); 
} 

Aber ich frage mich, ob es einen Weg, es zu tun ist, ohne jedes Mal die setAction Funktion aufrufen zu müssen?

Answer 1

Man könnte es inline tun:

<button type="button" class="btn" data-bind="click: action.bind($data, 'btn-name')">btn-name</button> 

oder übergeben die tatsächliche Schaltfläche Objekt

<button type="button" class="btn" data-bind="click: action.bind($data, this)">btn-name</button> 

Oder wenn Ihr Problem ist die Tatsache, dass Sie das Klick-Ereignis jedes Mal schreiben, könnten Sie Fügen Sie jeder Schaltfläche eine Klasse hinzu und fügen Sie einen Ereignis-Listener hinzu, um die Aktion festzulegen.

<button type="button" class="btn actionBtn">btn-name</button> 

$(".actionBtn").click(function(){ 
    var btn = $(this); 
    viewModel.action(btn); 
});