javascript - Ember Js 将选择值设置为记录

Question

我有一个绑定(bind)到表单的记录。在文本输入中会出现正确的值，但在选择中不会出现。这是一个 JsBin:http://jsbin.com/pexolude/87/edit

模板

  <script type="text/x-handlebars" data-template-name="index">
  <div class="well">
    {{#em-form model=model.person}}
        {{em-input property="name" label="Name" placeholder="Please enter first name."}}

        {{em-select
            label="Category"
            property="category"
            content=model.category
            optionValuePath="content.id"
            optionLabelPath="content.name"
            prompt="--select--"}}      
    {{/em-form}}


    </div>
  </script>

记录

var person = {
  "person":
  {"id":1,"name":"Joe","bio":"some tex","category":{id:"2","name":"Drama"}}
};

附:我使用 ember-forms 但它继承自 ember 的输入、选择等。

Answer 1

就像您在这里看到的那样:Ember Ember.select get selected value您可以将 selectionBinding 属性添加到您的 em-select。

这样您就可以通过点击“保存”或您在应用程序中喜欢的方式来保存所选值。

示例:

<script type="text/x-handlebars" data-template-name="index">
  <div class="well">
    {{#em-form model=model.person}}
        {{em-input property="name" label="Name" placeholder="Please enter first name."}}

        {{em-select
            label="Category"
            property="category"
            content=model.category
            optionValuePath="content.id"
            optionLabelPath="content.name"
            selectionBinding="selectedCategory"
            prompt="--select--"}}      
    {{/em-form}}


    </div>
  </script>

在你的 Controller 中:

selectedContentType: null,
  selectedCategory:null,

  actions: {
    save: function () {
      var selectedCategory = this.get('selectedCategory');
      console.log(selectedCategory);
      // do saving stuff here
    }
  }