如何使用字符串作为键在模型（Backbone.js）中设置多个属性？

Question

我有一个类似的问题：setting backbone models，但我需要设置多个属性，而不仅仅是一个。

所以，我有一个模型，有人可以在其中添加自定义属性，但我在设置它们时遇到了问题，因为如果我这样做：

parameter.set({
    name: nameValue, 
    value: valueValue,
    description: descriptionValue
});

其中name, value 和description 是字符串值，主干正在创建一个名为“名称”、“值”和“描述”的新属性，但我实际上需要它们是“名称”的值等等

如果我尝试这样做：

parameter.set(name, nameValue);
parameter.set(value, valueValue);
parameter.set(description, descriptionValue);

backbone 只创建最后一行：parameter.set(description, descriptionValue);

当我尝试这样做时，也会发生同样的事情：

parameter.attributes[name] = nameValue;
parameter.attributes[value] = valueValue;
parameter.attributes[description] = descriptionValue;               

例如，假设我有这个 HTML 代码：

<input type="text" id="name"/>
<input type="text" id="nameValue"/>

<input type="text" id="value"/>
<input type="text" id="valueValue"/>

<input type="text" id="description"/>
<input type="text" id="descriptionValue"/>

地点：

var name = this.$('#name');
var nameValue = this.$('#nameValue');
var value = this.$('#value');
var valueValue = this.$('#valueValue');
var description = this.$('#description');
var descriptionValue = this.$('#descriptionValue');

Answer 1

您可以像这样添加它们：

var name = this.$('#name').val();
var nameValue = this.$('#nameValue').val();
var value = this.$('#value').val();
var valueValue = this.$('#valueValue').val();
var description = this.$('#description').val();
var descriptionValue = this.$('#descriptionValue').val();

var params = {};

if (name) {
    params[name] = nameValue;
}
// the same for other attributes
// ....
// And at the end

model.set(params);

If 语句将确保属性名称存在。然后将它们收集到一个空对象中。最后一次设置它们。

更新

您可以在下面找到working 您的问题示例。填写输入，然后单击提交以对您要构造的对象进行字符串化。

var MyForm = Backbone.View.extend({
    el: '#test', 
    events: {
        "click .submit": "showObject" 
    },
    showObject: function(e) {
      e.preventDefault();
      var name = this.$('#name').val();
      var nameValue = this.$('#nameValue').val();
      var value = this.$('#value').val();
      var valueValue = this.$('#valueValue').val();
      var description = this.$('#description').val();
      var descriptionValue = this.$('#descriptionValue').val();
      
      var params = {};

      if (name) {
          params[name] = nameValue;
      }
      
      if (value) {
          params[value] = valueValue;
      }
      
      if (description) {
          params[description] = descriptionValue;
      }
      
      
      this.model.set(params);
      
      
      this.$('.test-object').text(JSON.stringify(this.model.toJSON()));
    }});

var TestModel = Backbone.Model.extend({});

var myForm = new MyForm({model: (new TestModel()) });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone.js"></script>

<div id="test">
  <input type="text" id="name"/>
  <input type="text" id="nameValue"/>

  <input type="text" id="value"/>
  <input type="text" id="valueValue"/>

  <input type="text" id="description"/>
  <input type="text" id="descriptionValue"/>
  <div class="test-object"></div>
  <button class="submit">Show object</button>
</div>