javascript - Backbone 形式:选择字段的样式选项？

Question

我正在使用 backbone-forms 我想知道是否可以在选择字段中向选项 ( <option> ) 添加一些样式。该应用程序非常复杂，所以这里只是一个片段:

    this.schema = {        xName : {            title : i18n.t('x.name') + " " + i18n.t('x.name-msg'),            type : 'Text',            validators : [                {                    type : 'required',                    message : i18n.t('x.name-required-msg')                },                {                     type : 'regexp',                     regexp : /.{3,}/,                     message : i18n.t('x.name-tooShort-msg')                }            ],        },    */ ... */        selectY : {            title : i18n.t('Y.project'),            type : 'Select',            options : this.getSomeOptions() //is defined and works well!!        }    /* and so on ... */

现在很明显，您不能仅向 selectY 添加样式属性以区分其选项和样式。例如。 (来自 backbone-forms 文档):

fieldAttrs

A map of attributes to add to the field, e.g. { style: 'background: red', title: 'Tooltip help' }

在我们的(或任何)架构中，您可以定义 name和 label对于选项。在渲染(或更具体地说:显示)表单字段时，您是否看到除了在肮脏的黑客中使用 jQuery 之外的任何其他可能性？任何建议将不胜感激。

Answer 1

没有内置的方法来执行此操作，因此您可能希望创建一个自定义编辑器来扩展 Select 并覆盖 _arrayToHtml 方法，例如:


var CustomEditor = Backbone.Form.editors.Select.extend({
arrayToHtml: 函数(数组) { ... }
});


参见 https://github.com/powmedia/backbone-forms#custom-editors