javascript – Knockout.js：访问data-bind事件中的父集合

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Knockout.js：访问data-bind事件中的父集合，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1283字，纯文字阅读大概需要2分钟。

内容图文

比方说我有一个

<button type="button" data-bind="click: actions.remove">×</button>

和一个处理程序

var actions = {
    remove: function(item) {
        ?array?.remove(item); // ?array? is a containing array, accessed somehow
    }
}

我如何找到？数组？所以我可以在任何foreach绑定中使用相同的按钮？

澄清：
如果我将remove放入视图模型,我知道如何做到这一点.然而,视图模型包含分层数组,我真的不想通过它只是为了让方法在正确的位置.在ko.mapping的帮助下偶尔也会从服务器更新视图模型,但这不会为新数据添加任何方法.这就是我单独实现处理程序的原因.

解决方法:

你尝试这样的事情.

<div data-bind="foreach: someArray">
    <button type="button" data-bind="click: $parent.actions.remove">x</button>
</div>


//Inside your viewmodel.
var self = this;
self.someArray = ko.observableArray();
self.actions = {
remove: function() {
    self.someArray.remove(this); // ?array? is a containing array, accessed somehow
}
}

编辑：对不起,我误解了你的意思.您可以尝试这样的方法,使其适用于任何foreach绑定.

<div data-bind="foreach: someArray">
    <button type="button" data-bind="click: function() {$parent.actions.remove($parent.someArray(), $data}">x</button>
</div>


//Inside your viewmodel.
var self = this;
self.someArray = ko.observableArray();
self.actions = {
remove: function(arr, item) {
    arr.remove(item); // ?array? is a containing array, accessed somehow
}
}

内容总结

以上是互联网集市为您收集整理的javascript – Knockout.js：访问data-bind事件中的父集合全部内容，希望文章能够帮你解决javascript – Knockout.js：访问data-bind事件中的父集合所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端