淘汰赛 - 在选择值之前等待多选数据填充

Question

我的页面中有一个kendoMultiSelect小部件，它从JSON调用中获取值并从单独的JSON调用中获取选定的值。

<select id="locations" data-bind="kendoMultiSelect: {data: locations_list, value: spm.locations}" class="form-control"></select> 

function SchedulerProfileModel(){ 
    var self = this; 
    self.locations = ko.observableArray(); 
} 

function SchedulerProfile(params) { 
    var self = this; 
    self.locations_list = ko.observableArray(['--------']); 
} 

function MakeAjaxCalls(){ 
    $.ajax({ 
     url: '/api/location', 
     data: {"q": JSON.stringify(filters)}, 
     dataType: "json", 
     contentType: "application/json", 
     success: function(data) { 
     for (var i = data.objects.length - 1; i >= 0; i--) { 
      self.locations_list.push(data.objects[i].name+": "+data.objects[i].state_province); 
     }; 
     } 
    }); 
} 

function CurrentSchedulerProfile() { 
    //does the current user already have a shceduler profile? 
    $.ajax({ 
     url: '/api/schedulerprofile', 
     data: "q=" + JSON.stringify({"single":true,"filters":[{"name": "user_id", "op": "eq", "val": self.user_id()}]}), 
     dataType: "json", 
     contentType: "application/json", 
     success: function(data) { 
     self.requesttype = "put"; 

     for (var i = data.locations.length - 1; i >= 0; i--) { 
      self.spm.locations.push(data.locations[i].name+": "+data.locations[i].state_province); 
     }; 
    }); 
} 

$.when(MakeAjaxCalls()).then(CurrentSchedulerProfile); 

这在开发中可以正常工作 - 它一切都很好。问题是，当我部署到生产环境时，locations_list observable似乎并没有在spm.locations observable之前填充。 locations_list相当大。换句话说，我在multiselect中没有选定的值。观察对象的值在页面上是正确的 - 我可以输出spm.locations的文本，这是正确的。我尝试过使用ratelimit，但这似乎也不奏效。我甚至试着让这两个Ajax调用同步，这没有帮助。我觉得秘密筹码是在限制利率，但是如何让一个可观察的等待不同的观察者来填充？

Answer 1

您可以订阅您观察到的阵列变化

self.spm.locations.subscribe(function (newValue) { 
    if (newValue && newValue.length > 0) { 
     // newValue is set, we can populate our locations_list now 
    } 
}, this) 

BTW你不想推值的observableArray一个接一个，将其推入临时数组，看到这个post