将常量或参数传递给KO.js中的数据绑定单击函数

Question

我想实现一个菜单。 菜单中的每个按钮都应在模型中设置菜单ID。 我试图用这种方式来做，但是没有用：

<a class="btn btn-primary btn-large"
     data-bind="click:selectUi('menu'),visible:sessionId()!=''">
  Menu
</a>

而是在页面加载时调用selectUi。

我现在想到的唯一可能的解决方案是为每个按钮实现一个功能。 那是正确的方法吗？

Answer 1

将函数调用包装在函数中。

<a class="btn btn-primary btn-large"
     data-bind="click:function () { selectUi('menu'); },visible:sessionId()!=''">
  Menu
</a>

您还可以使selectUi返回一个函数。

Answer 2

使用Punches插件，这很容易：

<a class="btn btn-primary btn-large"
     data-bind="on.click: selectUi('menu'), visible: sessionId()!=''">Menu</a>

没有插件，您可以使用匿名函数或bind ：

<a class="btn btn-primary btn-large"
     data-bind="click: selectUi.bind($data, 'menu'), visible: sessionId()!=''">Menu</a>

Answer 3

仅提及一种可能的解决方案，我在应用Roy J的答案之前就已经使用过。

使用不带参数的功能。

例如：

<a data-bind="click:selectUi_menu"> Menu </a>