首页 > 其他分享 >odoo 嵌入iframe

odoo 嵌入iframe

时间:2024-07-11 14:30:58浏览次数:17  
标签:web 嵌入 core url props ReportViewerIframe iframe odoo import

js

添加js代码,书写一个widget,进行使用

/** @odoo-module **/
import { registry } from "@web/core/registry";
import { useService } from "@web/core/utils/hooks";
import { standardFieldProps } from "@web/views/fields/standard_field_props";
import { Component } from "@odoo/owl";

import { _t } from "@web/core/l10n/translation";


class ReportViewerIframe extends Component {
    static props = { ...standardFieldProps };

    setup() {
        super.setup();
        this.notification = useService("notification");
    }
    get url() {
        let url = false;
        debugger;
        if (this.props.record.data.x_full_path) {
            url = this.props.record.data.x_full_path;
        }
        console.log(url);
        return url;
    }

    onl oadFailed() {
        this.notification.add(_t("无法显示报表!"), {
            type: "danger",
        });
    }

}

ReportViewerIframe.template = "iframe_manage.ReportViewerIframe";
registry.category("fields").add("report_iframe", {
    component: ReportViewerIframe,
});


xml

添加xml模板

<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-name="iframe_manage.ReportViewerIframe">
        <iframe style="min-width: 100%; height: 100%;"
                alt="Report viewer"
                t-att-src="url"
                t-att-name="props.name"
                t-on-error="onLoadFailed"/>
    </t>
</templates>

xml

在视图中添加widget,进行显示

<field name="x_name" widget="report_iframe" style="min-width: 100%; height: 700px;"/>

在这里插入图片描述

标签:web,嵌入,core,url,props,ReportViewerIframe,iframe,odoo,import
From: https://blog.csdn.net/weixin_42464956/article/details/140350455

相关文章

  • WPF 动态加载嵌入主程序的DLL
    WPF动态加载嵌入主程序的DLL,好处是节省文件数量,坏处是启动影响加载速度。首先将DLL添加进项目,选择添加现有项,设置生成操作为“嵌入资源”。代码:publicApp(){AppDomain.CurrentDomain.AssemblyResolve+=CurrentDomain_AssemblyResolve;......
  • iframe 使用以及互相传值
    <divclass="aiWrite"><iframev-if="aiWriteShow"ref="iframeRef"style="width:100%;min-height:calc(100vh-216px)"name="iframePage":s......
  • 嵌入式学习——C语言数据结构(三)
    七、赋值运算符    1、+=     加且赋值         C += A;等价于C=C+A    2、-=      减且赋值         C -= A;等价于C=C-A    3、*=      乘且赋值      ......
  • 嵌入式开发学习day08
    完成学生管理系统1>使用菜单完成2>有学生的信息录入功能:输入学生个数,并将学生的姓名、分数录入3>查看学生信息:输出所有学生姓名以及对应的分数4>求出学习最好的学生信息:求最大值5>按姓名将所有学生进行升序排序6>按成绩将所有学生进行升序排序要求每个功能使用函......
  • 嵌入式系统中的加解密签名(2)--- mbedtls认识与使用
    笔者来介绍一下mbedtls认识与使用1、mbedtls认识mbedtls(EmbeddedTLS),是嵌入式里面实现的TLS协议,用C语言实现。相关的TLS协议以及加密等知识可以看笔者上一篇文章----嵌入式系统中的加解密签名。基本特点如下图所示:仓库地址:Mbedtls。特点:面向小型嵌入式设备,代码紧凑......
  • 嵌入式系统专业名词:
    嵌入式系统的专业名词众多,涵盖了硬件、软件、通信协议等多个方面。以下是从A到Z总结的一些嵌入式系统相关的专业名词:AARM(AdvancedRISCMachines):一种广泛使用的嵌入式处理器架构,以其低功耗、高性能而著称。BBSP(BoardSupportPackage):板级支持包,是嵌入式操作系统实现可移植......
  • 【Pytorch实用教程】transformer中创建嵌入层的模块nn.Embedding的用法
    文章目录1.nn.Embedding的简单介绍1.1基本用法1.2示例代码1.3注意事项2.通俗的理解num_embeddings和embedding_dim2.1num_embeddings2.2embedding_dim2.3使用场景举例结合示例1.nn.Embedding的简单介绍nn.Embedding是PyTorch中的......
  • 嵌入式设备中移植 vsftpd,即FTP服务器。
    1、移植版本3.0.5:交叉编译2、设置配置文件:vsftpd.confanonymous_enable=NOlocal_enable=YESwrite_enable=YESlocal_umask=002xferlog_file=/record/vsftpd.log xferlog_std_format=YESascii_download_enable=YESchroot_local_user=NOchroot_list_enable=YESchroot_l......
  • 51单片机嵌入式开发:7、 STC89C52RC 外部中断INT0和INT1 操作
    STC89C52RC外部中断INT0和INT1操作1外部中断1.1外部中断1.2中断介绍2STC89C52外部中断2.1外部中断引脚2.2外部中断寄存器说明3STC89C52外部中断演示3.1电平触发外部中断3.2边沿触发外部中断3.3Protues仿真4外部中断总结1外部中断1.1外部中断单片......
  • Odoo17.0 基于企业微信的备用金和费用报销
    前面讲过了企业微信的基础应用,现在我们来看一下如何借助企业微信的审批端能力结合odoo来实现企业中的两大常规业务流程备用金和费用报销。企业微信端设置我们这里使用的是企业微信的原生审批流程,因此我们需要首先在企业微信端设置好审批流程的节点设置。我们这里使用的是企业......