从 odoo 的 pdf_viewer 小部件中删除下载按钮

如何解决从 odoo 的 pdf_viewer 小部件中删除下载按钮

我正在尝试禁用位于 odoo (Pdf_viewer) 附件预览小部件中的下载按钮，如下面的代码所示：

OpenIDConnectAuth

PS：我尝试将字段设置为只读，但仍为读者提供整个文件。

我从一位朋友那里得到了一些帮助，他建议更改包含此按钮模板的 JS 文件，但我不知道这样做的步骤！感谢您的帮助。

解决方法

您可以覆盖 _disableButtons 函数并隐藏下载按钮。

示例：

var basic_fields = require('web.basic_fields');

basic_fields.FieldPdfViewer.include({
    _disableButtons: function (iframe) {
        $(iframe).contents().find('button#download').hide();
        // $(iframe).contents().find('button#secondaryDownload').hide();
        this._super(iframe);
    },});

如果您需要使用上下文属性控制下载按钮的可见性，请尝试以下代码：

var basic_fields = require('web.basic_fields');
var Context = require('web.Context');

basic_fields.FieldPdfViewer.include({
    _disableButtons: function (iframe) {
        var self = this;
        if (self.attrs.context) {
            var context = new Context(self.attrs.context).eval();
            if(!context.download) {
                $(iframe).contents().find('button#download').hide();
                // $(iframe).contents().find('button#secondaryDownload').hide();
            }
        }
        this._super(iframe);
    },});

编辑：

使用以下内容创建一个 XML 文件并将其添加到清单文件中的 data 条目：

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="assets_backend" inherit_id="web.assets_backend" name="assets_backend">
            <xpath expr="." position="inside">
                <script type="text/javascript"
                        src="/module_name/static/src/js/pdf_viewser.js"></script>
            </xpath>
        </template>
    </data>
</odoo>

在pdf_viewser.js下创建static/src/js并添加上面的代码：

odoo.define('module_name.PDFViewer',function (require) {
    "use strict";
    
    var basic_fields = require('web.basic_fields');

    basic_fields.FieldPdfViewer.include({
        _disableButtons: function (iframe) {
            $(iframe).contents().find('button#download').hide();
            // $(iframe).contents().find('button#secondaryDownload').hide();
            this._super(iframe);
        },});

});

这些步骤列在 Adding files in an asset bundle 部分。有关详细信息，请查看 Assets Management 文档。