在按钮单击时设置可观察值

Question

在我的页面上，我想跟踪用户在 observable 中点击了哪个按钮：

self.action = ko.observable();

我可以编写一个函数setAction，并在每次单击按钮时使用参数调用它，如下所示：

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

但我想知道是否有办法做到这一点，而不必每次都调用 setAction 函数？

Answer 1

你可以内联：

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

或传递实际的按钮对象

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

或者如果您的问题是您必须每次都编写此点击事件，您可以为每个按钮添加一个类并添加一个事件侦听器来设置操作。

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

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