web2py 中用于 SQLFORM 小部件输入的自定义 CSS 类

Question

给定控制器中的 SQLFORM：

form = SQLFORM.factory(db.source_server, db.target_server)

具有以下表定义：

db.define_table('target_server',
                Field('target_url', 'string'),
                Field('target_user', 'string'),
                Field('target_password', 'password'))
db.define_table('target_server',
                Field('target_url', 'string'),
                Field('target_user', 'string'),
                Field('target_password', 'password'))

如何为每个表单小部件 元素应用自定义 CSS 类？

  {{=form.custom.begin}}
  <fieldset>
    <legend>Source Server</legend>
    <div class="clearfix">
      <label for="source_url">URL:</label>
      <div class="input">

        <input class="bla bla" name="field_name">

      </div>
    </div>
  ...
  {{=form.custom.end}}

Answer 1

请注意，所有小部件都已经有一个以小部件类型命名的类（例如“字符串”、“整数”、“日期”等）以及“tablename_fieldname”形式的 id，因此您可以在 CSS 中使用这些内容，无需添加自定义类。请参阅此处了解更多详细信息。

如果您确实需要自定义类，请注意 web2py FORM 和 SQLFORM 对象及其子组件是 HTML 帮助器对象并且可以像任何 HTML 帮助器一样进行操作。特别是，助手对于其组件而言充当列表，对于其属性而言充当字典（输入类是 INPUT 对象的属性）。因此，您可以在创建表单的控制器或视图中执行类似的操作：

form.custom.widget.field_name['_class'] = 'bla bla'

如果您需要更改特定类型的所有小部件的类，您也可以通过 .elements() 搜索功能：

for input in form.elements('input', _class='string'):
    input['_class'] = 'my-string'

另一个选项是明确 为表定义中的字段定义一个小部件，可以使用自定义小部件或简单地传递 _class 属性到内置小部件之一：

Field('target_user', 'string', widget = lambda field, value:
    SQLFORM.widgets.string.widget(field, value, _class='my-string'))

此方法将影响包含此字段的所有表单（除非您在创建表单之前明确删除或替换该小部件）。