表单-IT外包|网络维护 - 宜兴IT外包服务

文章详情

表单

上传者： Administrator
上传时间：2023年12月07日 02时22分52秒

摘要：
Odoo中的表单非常强大。它们与其他应用程序直接集成，可用于许多不同的目的。在本章中，您将了解如何：在您的自定义主题中添加一个表单。更改表单的操作。通过Bootstrap变量来为表单添加样式。默认表单 None [1] ** 要在页面中添加一个表单，您可以简单地复制并粘贴由网站构建器生成的 ......

正文 相关文章 请喝咖啡

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">

成功

您还可以通过 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>

Bootstrap变量

正如您已经知道的那样，网站构建器基于Bootstrap创建内容。这对于表单也是如此。下面是一些Bootstrap变量的选择，或者您可以查看 变量的完整列表<https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss> _。

/website_airproof/static/src/scss/bootstrap_overridden.scss

$input-padding-y:                       $input-btn-padding-y !default;
$input-padding-x:                       $input-btn-padding-x !default;

$input-font-family:                     $input-btn-font-family !default;
$input-font-size:                       $input-btn-font-size !default;
$input-font-weight:                     $font-weight-base !default;
$input-line-height:                     $input-btn-line-height !default;

$input-color:                           $gray-700 !default;
$input-border-color:                    $gray-400 !default;
$input-border-width:                    $input-btn-border-width !default;
$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
$input-border-radius:                   $border-radius !default;

$input-focus-bg:                        $input-bg !default;
$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
$input-focus-color:                     $input-color !default;
$input-focus-width:                     $input-btn-focus-width !default;
$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;

本文章从网上收集，如有侵权请联系tderp@tderp.com删除

微信扫一扫，一分也是爱:

服务原则及地区范围

宜兴通达网络科技有限公司，地处中国宜兴环科园内，是一家高新技术企业。公司在企业网络维护和企业信息化建设与咨询方面，有10多年经验。

我公司愿与客户一道，力求彻底解决客户问题！
我们不是在给企业提供“头痛医头、脚痛医脚”的暂时解决方案，而是在部署根本性安全与稳定服务！！
我们愿携手客户，建立企业IT规划；杜绝随意安装系统、软件等操作；力求共同维护有序、安全、稳定的网络办公环境！！！
IT服务，服务是根本，客户是上帝；我们提供快速响应、快速上门、快速排查，提供优质高效的服务！！！！

通达科技提供全国范围内的服务，服务形式包括远程协助、电话咨询、电子邮件咨询、传真咨询、问答平台的问题解决等。

宜兴地区提供上门服务：

市区服务：宜城街道、城北街道（屺亭街道）、新街街道、新庄街道、环科园、渚桥开发区
市郊服务：张渚镇、西渚镇、太华镇、徐舍镇、官林镇、杨巷镇、新建镇、和桥镇、高塍镇、万石镇、周铁镇、芳桥镇、丁蜀镇、湖父镇。

联系电话：189-21-343434
在线沟通：

通达科技 - 宜兴电脑维护及IT服务外包服务商

默认表单

操作

成功

Bootstrap变量

服务原则及地区范围

下一步你可以