使用骨干模型填充选择字段的选项

debugcn 发表于 Dev

魔法

我想用“静态”模型的属性填充选择字段的选项。例如，我有一个模型和美国各州的集合：

State = Backbone.Model.extend({
    label:'',
    value:''
 }) ;
STATES = Backbone.Collection.extend({
    model: State
 });
 states =  [
    {label: "Select     ", value: '__' },
    {label: "Alabama     ", value: 'AL' },
    {label: "Alaska      ", value: 'AK' },
    {label: "Arizona     ", value: 'AZ' },
    ....];
  localstates = new app.STATES(states);  // or fetch the list of states from a RESTful site.

然后，我使用back form具有任何地址视图，并且我想将localstates传递到Form中以填充state字段的选项：

    UserAddress =  Backform.Form.extend({
    el: $("#personalInformation"),
     fields: [
       {name: "address1", label: "Address1", control: "input"},
       {name: "address2", label: "Address2", control: "input"},
       {name: "city", label: "City", control: "input"},
       {name: "state", label: "State", control: "select", 
         options: **localstates**,
       {name: "zip", label: "Zip Code", control: "input"},
       {control: "button", label: "Save to server"}
     ],
});

我猜想我需要以某种方式将状态集合传递到“用户地址”视图中，然后访问属性。但是我还没有找到一个很好的例子。

edit1：好的，在这种情况下，这有点愚蠢，但是：

newstate = new app.STATES(app.states);
  var allstates =[];
app.newstate.forEach(function(state){
  allstates.push({"label": state.get("label"), "value" : state.get("value")});
})

给我和我可以在localstate使用的数组。基本上，在这种情况下，我只是重新创建了原始数组。如果是从服务器获取的，它将很有用，但是有更好的方法吗？

您可以localstates.toJSON()获取要在模板中使用的值的副本。

看到 Collection.toJSON()

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。