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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了python – web2py中SQLFORM小部件输入的自定义CSS类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1641字，纯文字阅读大概需要3分钟。

内容图文

鉴于控制器中的这个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'))

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

内容总结

以上是互联网集市为您收集整理的python – web2py中SQLFORM小部件输入的自定义CSS类全部内容，希望文章能够帮你解决python – web2py中SQLFORM小部件输入的自定义CSS类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端