表格

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>