更新选择框后的另一种选择框更改

Question

我有这样的代码在这里：

App.SearchController = Ember.ObjectController.extend({ 
selectedCabinet: null, 
selectedTabs: null, 

selectCabinetData: function() { 
    return this.store.find('cabinets') 
}.property('@each.cabinets') , 

actions: { 
    searchFiles: null, 
}, 
selectedCabinetChanged: function() { 
    console.log(this.selectedCabinet.id) 
    if (this.selectedCabinet){ 
     return this.store.find("tabs", {cabinet: this.selectedCabinet.id}) 
    }else{ 
     return null; 
    } 
}.observes('selectedCabinet') 
}); 

我可以看到Ajax请求并筛选，但它不这里更新选择框

{{视图Ember.Select contentBinding = selectCabinetChanged selectionBinding = “selectedTabs” optionValuePath = “content.id” optionLabelPath = “content.tab_name” 提示= “选择一个选项卡”}}

基本上基于第一个选择框的值将决定另一个的结果。

我是否缺少一些简单的东西？

Answer 1

this.store.find("tabs", { ... })返回一个承诺，而不是数组，所以你需要创建一个filteredTabs财产，从解决承诺的结果设置的值：

App.SearchController = Ember.ObjectController.extend({ 
    selectedCabinet: null, 
    selectedTabs: null, 
    filteredTabs: null, 
    selectCabinetData: function(){ 
     return this.store.find('cabinets') 
    }.property('@each.cabinets'), 
    actions: { 
     searchFiles: null, 
    }, 
    selectedCabinetChanged: function() { 
     var controller = this;   
     if(this.get('selectedCabinet')){ 
      this.store.find("tabs", { cabinet: this.get("selectedCabinet.id") }).then(function(filteredTabs) { 
       controller.set('filteredTabs', filteredTabs); 
      }); 
     } else { 
      controller.set('filteredTabs', null); 
     } 
    }.observes('selectedCabinet') 
}); 

更新您的contentBinding=selectCabinetChanged到contentBinding=filteredTabs这样的：

{{view Ember.Select contentBinding=filteredTabs selectionBinding="selectedTabs" optionValuePath="content.id" optionLabelPath="content.tab_name" prompt="Select A Tab"}}