python – web2py中SQLFORM小部件输入的自定义CSS类

鉴于控制器中的这个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类< input>元件？

  {{=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}}

解决方法:

注意,所有小部件已经有一个以小部件类型命名的类(例如,“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,python
来源： https://codeday.me/bug/20190726/1540598.html