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

如何为每个表单窗口小部件<input>元素应用自定义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

注意，所有小部件已经有一个以小部件类型命名的类（例如，“string”，“integer”，“date”等）以及“tablename_fieldname”形式的id，所以你可能会能够使用CSS中的那些而无需添加自定义类。有关详细信息，请参阅here。

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

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

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

进行更改

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

另一个选项是在表定义中显式define a widget for the Field，使用自定义窗口小部件或只是将_class属性传递给其中一个内置窗口小部件：

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

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

在web2py中为SQLFORM小部件输入定制CSS类

1 个答案: