表格¶
Odoo 中的表单非常强大。它们直接与其他应用程序集成,可用于许多不同的目的。
在本章中,您将了解如何:
在您的自定义主题中添加表单。
更改表单的操作。
通过 Bootstrap 变量使表单风格化。
默认形式¶
要将表单添加到页面,请将网站生成器生成的代码复制并粘贴到页面中。
它应该类似于以下内容。
<form
action="/website/form/" method="post"
enctype="multipart/form-data"
class="o_mark_required"
data-mark="*" data-pre-fill="true"
data-success-mode="redirect"
data-success-page="/contactus-thank-you"
data-model_name="mail.mail">
<div class="s_website_form_rows row s_col_no_bgcolor">
<div class="form-group s_website_form_field col-12 s_website_form_dnone" data-name="Field">
<!-- Form fields -->
</div>
</div>
</form>
行动¶
表单标签中有一个 data-model_name 。它使您能够为表单定义不同的操作。
发送电子邮件(默认情况下使用此操作)。
<form data-model_name="mail.mail">
申请工作。
<form data-model_name="hr.applicant">
创建客户。
<form data-model_name="res.partner">
创建票证。
<form data-model_name="helpdesk.ticket">
创造机会。
<form data-model_name="crm.lead">
创建任务。
<form data-model_name="project.task">
注解
默认操作是:guilabel:Send an E-mail,但在数据库上安装的应用程序之后,可以找到一些其他选项,例如:申请工作、创建客户、创建票证、创建机会等。
请注意,其中一些操作可能需要特定的必填字段才能发挥作用。为了不要忘记一些要求,我们强烈建议使用网站生成器预设表单片段并复制/粘贴生成的源代码。
成功¶
通过 data-success-mode 属性定义提交表单后会发生什么。
将用户重定向到 data-success-page 中定义的页面。
<form data-success-mode="redirect" data-success-page="/contactus-thank-you">
显示一条消息(在同一页面上)。
<form data-success-mode="message">
直接在表单标签下添加成功消息。始终添加 d-none 类,以确保在表单尚未提交时隐藏成功消息。
<div class="s_website_form_end_message d-none">
<div class="oe_structure">
<section class="s_text_block pt64 pb64" data-snippet="s_text_block">
<div class="container">
<h2 class="text-center">This is a success!</h2>
</div>
</section>
</div>
</div>