javascript – KnockoutJS：订阅observableArray条目的内部observable

2019-06-20 18:23:57 阅读：108 来源： 互联网

对于我目前的项目,我决定尝试淘汰赛,我想知道以下是否可行.我正在编写一个内部网应用程序,用于一些基本的列表操作.该应用程序通过AJAX从MVC控制器获取数据.在我的回调函数中,我将条目填入可观察数组,如下所示：

function showData(data) { // ajax callback
   $.each(data, function (key, dmsEntry) {
        vm.listToShow.push(new dmsList(dmsEntry));  // adds new dmsEntry into observableArray
   });
}

dmsList函数如下所示：

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数组放入computed,返回由您的活动observable过滤的列表数组.它会在项目的活动状态发生变化时每次更新.

var markedEntries = ko.computed(function() {
   return ko.utils.arrayFilter(this.items(), function(item) {
       return item.active();
   });
});

另外,假设listToShow是observable array,你应该像这样一次设置它的值：

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);
 }

标签：javascript,knockout-js
来源： https://codeday.me/bug/20190620/1246700.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – KnockoutJS：订阅observableArray条目的内部observable