初始化中的主干选择选项

时间:2019-02-08 09:03:08

标签: jquery backbone.js handlebars.js

我在API中有一些表格,这些名称在选择选项中被调用。我想在页面初始化时第一次获得表格。

选择选项的HTML是:

<fieldset>
   <label class="float-left" for="dropdown1">{{locale "forms"}}</label>
   <select id="dropdown1" class="form-control">
     {{#each options}}
      <option value="{{id}}">{{formType}} - {{name}}</option> <br>
      {{/each}}
   </select>
</fieldset>

我也有一个名为ModelForm的模型,并以这种方式实例化了该模型(因为我需要这种方式)

initialize() {
  this.collection = new ModelForm();
  this.model = new ModelForm();
  this.synced = false;
  this.id = undefined;
}

我有一个函数可以在更改时调用模型和集合,并且可以正常工作。

getSelectedOption(ev) {
ev.preventDefault();
const modelFormId = +ev.target.value;
if (modelFormId) {
  this.id = modelFormId;
  this.model.set({ ...this.collection.get(modelFormId).toJSON() });
  this.$('.page-actions').css('display', 'block');
 }
}

那么我想要的是,如何第一次进行初始化以获取所选的选项一(表单名称为one),并用此表单名称附带的数据填充所有其他字段?

1 个答案:

答案 0 :(得分:0)

从Backbone.View对象扩展的initialize的{​​{1}}方法中

您将需要添加事件侦听器,例如:

View

您可以在我的project上看到完整的示例。