【问题标题】:backbone-forms: style options of a select field?主干形式:选择字段的样式选项?
【发布时间】:2014-07-22 07:57:36
【问题描述】:

我正在使用主干表单,我想知道是否可以在选择字段中为选项 (<option>) 添加一些样式。该应用程序非常复杂,所以这里只是一个 sn-p:

这个.schema = { x名称:{ 标题:i18n.t('x.name') + " " + i18n.t('x.name-msg'), 类型:'文本', 验证器:[ { 类型:'必需', 消息:i18n.t('x.name-required-msg') }, { 类型:'正则表达式', 正则表达式:/.{3,}/, 消息:i18n.t('x.name-tooShort-msg') } ], }, */ ... */ 选择Y:{ 标题:i18n.t('Y.project'), 类型:'选择', options : this.getSomeOptions() //已定义并且运行良好!! } /* 等等 ... */

现在很明显,您不能只向 selectY 添加一个样式属性来区分它的选项和样式。例如。 (来自主干形式文档):

字段属性

要添加到字段的属性映射,例如{风格:'背景: red', title: '工具提示帮助' }

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

【问题讨论】:

    标签: javascript css backbone.js backbone-forms


    【解决方案1】:

    没有这样做的内置方法,因此您可能希望创建一个自定义编辑器,该编辑器扩展 Select 并覆盖 _arrayToHtml 方法,例如:

    var CustomEditor = Backbone.Form.editors.Select.extend({ arrayToHtml: function(array) { ... } });

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

    【讨论】:

    • 好的,非常感谢您的快速回复。当我们重构那部分时,我会尝试这样做。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-06-14
    • 1970-01-01
    • 2022-01-26
    • 1970-01-01
    • 2012-07-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多