Backbone Forms 使用 Backbone Collection 和 Select Editor 的选项答案

【问题标题】：Backbone Forms use Backbone Collection and an options for Select EditorBackbone Forms 使用 Backbone Collection 和 Select Editor 的选项
【发布时间】：2014-04-07 04:51:57
【问题描述】：

我是 Backbone Forms 的新手。我想创建一个 Select 字段，并将主干集合传递给选项。阅读 BBF 文档并不清楚。

--- 取自文档 ------

骨干合集笔记如果使用 Backbone 集合作为选项属性，则集合中的模型必须实现 toString() 方法。这将填充

----取自文档-----

任何人都可以提供良好的分步示例吗？

我有以下代码

var ListModel = Backbone.Model.extend({
    defaults: {
        name: '',
        value: ''
    }
});

var Collection = Backbone.Collection.extend({
    model: ListModel
});

var collection = new Collection([
    {name: 'test1', value: '1'},
    {name: 'test2', value: '2'},
    {name: 'test3', value: '3'}
]);

var User = Backbone.Model.extend({
    schema: {
        field1: { type: 'Select', options: collection },
        field2: { type: 'Select', options: ['Select 2']},
        field3: { type: 'Select', options: ['Select 3']}
    },

    fieldsets: {
        legend: 'Select Form',
        fields: ['fields1', 'fields2','fields3']
    },

    idPrefix: null
}

var user = new User();

var form = new Backbone.Form({
    model: user,
    idPrefix: null
}).render();

$('#main').append(form.el);

字段1d 使用 [object Object] 值渲染下拉列表

【问题讨论】：

标签： javascript jquery backbone.js backbone-forms

【解决方案1】：

您需要在您的ListModel 中添加一个toString 方法，例如：

var ListModel = Backbone.Model.extend({
    defaults: {
        name: '',
        value: ''
    },

    toString: function() {
        return this.get('name');
    }
});

【讨论】：