ember.js – 填充Ember.Select的正确方法

2023年10月9日 226次阅读

我有以下JSbin,我正在尝试使用ember-data创建一个基本的订购系统.

http://jsbin.com/ibazom/4(Darshan首次评论后更新)

每个订单都需要绑定到客户,我知道我需要填充属性(qualifiedCustomers)以绑定到Ember.Select,但我不知道该在哪里做.

然后我需要更新订单/新模板

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

我在去/我无法弄清楚的订单时也遇到错误

TypeError: Cannot read property 'length' of null

更新：App.Order.FIXTURES = [];修正了上述错误.

从http://discuss.emberjs.com/t/proper-way-to-populate-ember-select/1611开始发帖

最佳答案 您可以使用需要声明OrdersNewController需要客户控制器.另外,创建一个属性以帮助轻松绑定该控制器.

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中为它提供一个新的order对象,以便描述和其他属性对应于它的模型,因为它是一个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

点赞