Javascript KnockoutJS:订阅observableArray条目的内部可观察项
对于我目前的项目,我决定尝试淘汰赛,我想知道下面的内容是否有可能。我正在为一些基本的列表操作编写一个内部网应用程序。该应用程序通过AJAX从MVC控制器获取数据。在回调函数中,我将条目填充到可观察数组中,如下所示:Javascript KnockoutJS:订阅observableArray条目的内部可观察项,javascript,knockout.js,Javascript,Knockout.js,对于我目前的项目,我决定尝试淘汰赛,我想知道下面的内容是否有可能。我正在为一些基本的列表操作编写一个内部网应用程序。该应用程序通过AJAX从MVC控制器获取数据。在回调函数中,我将条目填充到可观察数组中,如下所示: function showData(data) { // ajax callback $.each(data, function (key, dmsEntry) { vm.listToShow.push(new dmsList(dmsEntry)); // a
function showData(data) { // ajax callback
$.each(data, function (key, dmsEntry) {
vm.listToShow.push(new dmsList(dmsEntry)); // adds new dmsEntry into observableArray
});
}
function dmsList(dmsEntry) {
return {
a: dmsEntry.a,
b: dmsEntry.b,
active: ko.observable(false)
}
}
dmsList
函数如下所示:
function showData(data) { // ajax callback
$.each(data, function (key, dmsEntry) {
vm.listToShow.push(new dmsList(dmsEntry)); // adds new dmsEntry into observableArray
});
}
function dmsList(dmsEntry) {
return {
a: dmsEntry.a,
b: dmsEntry.b,
active: ko.observable(false)
}
}
当用户标记列表条目时,可观察的“活动”将变为true。所以我的问题是:
所以我想知道是否有可能订阅“活动的”可观测数据?那么,每次用户标记一个条目时,就会调用一个自定义函数,并将该条目推送到一个“markedEntries”可观察数组中
我已经通过以下方式实现了该功能:
<input type="checkbox" data-bind="checked: active, click: $root.addToActionQueue" />
但我认为另一种方法是更干净的解决方案,因为我还有其他方法来“标记”条目。将您的
markedEntries
数组放入一个数组,该数组返回由活动可观察对象过滤的列表数组。它将在项目的活动状态每次更改时更新
var markedEntries = ko.computed(function() {
return ko.utils.arrayFilter(this.items(), function(item) {
return item.active();
});
});
另外,假设listToShow
是一个,您应该一次设置它的值,如下所示:
function showData(data) { //ajax callback
var list = [];
$.each(data, function (key, dmsEntry) {
list.push(new dmsList(dmsEntry); //adds new dmsEntry in observableArray
});
vm.listToShow(list);
}
太好了,像个迷人的小家伙!同时设置可观测数组值是完全有意义的,thx指出了这一点!