Правильный способ заполнения Ember.Select

Question

У меня есть следующий JSbin, в котором я пытаюсь создать базовую систему заказов, используя данные ember-data.

http://jsbin.com/ibazom/4 (обновление после первых замечаний Даршан в)

Каждый заказ должен быть привязан к клиенту, и я знаю, что нужно заполнить свойство (eligibleCustomers) связываться с Ember.Select, но я не не знаю, где это сделать.

Тогда мне нужно обновить заказы/новый шаблон с

{{view Ember.Select 
    contentBinding="eligibleCustomers" 
    optionLabelPath="content.name" 
    optionValuePath="content.id" 
}} 

Я также получаю сообщение об ошибке при переходе к/заказов, которые я не могу понять,

TypeError: Cannot read property 'length' of null 

Update: App.Order.FIXTURES =[]; исправлена ​​ошибка выше.

крест сообщения от http://discuss.emberjs.com/t/proper-way-to-populate-ember-select/1611

Answer 1

Вы можете использовать needs заявить, что ваш OrdersNewController требует контроллера customers. Кроме того, создайте свойство, чтобы легко связываться с этим контроллером.

App.OrdersNewController = Ember.ObjectController.extend({ 
    needs: ['customers'], 
    eligibleCustomers: function() { 
    return this.get('controllers.customers'); 
    }.property(), 
}); 

В соответствующем Ember.Select вам нужно привязать к собственности, как selectedCustomer, чтобы позволить вам использовать при сохранении записи.

{{view Ember.Select 
    contentBinding="eligibleCustomers" 
    valueBinding='selectedCustomer' 
    optionLabelPath="content.name" 
    optionValuePath="content.id" 
}} 

Для OrderNewController работать, вы должны дать ему новый объект заказа в setupController так что description и другие свойства соответствуют модели для него, так как его в ObjectController

App.OrdersNewRoute = Ember.Route.extend({ 
    setupController: function(controller) { 
    controller.set('model', App.Order.createRecord({})); 
    } 
}); 

Наконец в метод createUser, transitionTo устарел. Вместо этого вы хотите использовать transitionToRoute.

createUser: function() { 
    var model = this.get('model'); 
    var selectedCustomer = this.get('selectedCustomer'); 
    var customer = App.Customer.find(selectedCustomer); 
    model.set('customer', customer); 
    model.set('dateOfOrder', new Date()); 
    model.save(); 

    this.transitionToRoute('orders'); 
} 

Вот обновленный jsbin