主干表单使用主干集合和“选择编辑器”选项

Backbone Forms use Backbone Collection and an options for Select Editor

本文关键字：编辑器 选择编辑器 选项 选择 表单 集合      更新时间：2023-09-26

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

---从文档------中获取

骨干收集笔记如果使用 Backbone 集合作为选项属性，则集合中的模型必须实现 toString（） 方法。这将填充<选项>的标签。模型的 ID 填充值属性。

----从文档获取-----

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

我有以下代码 

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);

字段1 d使用 [对象对象] 值渲染

您需要

在ListModel中添加一个toString方法，例如：

var ListModel = Backbone.Model.extend({
    defaults: {
        name: '',
        value: ''
    },
    toString: function() {
        return this.get('name');
    }
});
相关文章：