自定义 onclick 函数作为 Knockout SimpleGrid 中的属性

Question

我想在数据中显示一个值作为链接，并将自定义函数传递给它的点击事件（最终将显示带有状态历史记录的模式）。

我有属性“isLink”（布尔）和“onClick”（函数），它们看起来像下面这样：

    { headerText: "ColumnName"
      , rowText: function (item) { return item.Product.ProductID.toString(); }
      , isLink: true
      , onClick: function (item) { alert(item.Product.ProductID.toString()); }
    }

在“ko_simpleGrid_grid”模板中，我有以下内容：

    ...
    <a data-bind=\"attr: { href: 'javascript:void()' }, click: $data.onClick, text: rowText($parent) \" />
    ...

单击时，警报为“未定义”。如果我说：

    ...
    , onClick: function () { alert("test"); }
    ...

然后警报显示“测试”。

所以我想我的问题是，如何从该函数访问数据？

编辑/更新

我能够让它工作。绑定文档的链接有所帮助。这是工作代码：

    ...
    , onClick: function() { alert(this.Product.ProductID.toString()); }
    ...

在 simpleGrid 插件中：

    ...
    <a data-bind=\"click: $data.onClick.bind($parent), text: rowText($parent) \" />
    ...

感谢您的帮助！

Answer 1

您必须使用bind 有效地将您想要的任何参数附加到您的函数调用中。

在您的示例中，它应该按以下方式工作：

<a data-bind=\"click: $data.onClick.bind($data, param1), text: rowText($parent) \" />

绑定函数的第一个参数是“onClick”函数中的上下文。我选择了“data”，这意味着在“onClick”中，$data 的所有属性都可用。

您可以添加任意数量的参数。

最后一点：我建议删除 href 属性，它不是必需的，也不会在这里完成任何事情。