4

我创建了一个定义小部件的自定义模块。这里是 .js 文件以及 QWeb 模板：

bh_sidebar.js

odoo.define('sidebar_widget.bh_sidebar', function (require) {
    'use strict';
    var Widget = require('web.Widget');
    var widgetRegistry = require('web.widget_registry');
    var core = require('web.core');

    var QWeb = core.qweb;
    var _t = core._t;

    var bh_sidebar = Widget.extend({
        init: function () {
            var self = this;
            this._super(parent);
            console.log('Widget initialized!');
        },

        events: {},

        start: function () {
            this.$el.append(QWeb.render('bh_sidebar_template'));
            console.log('Widget started!');
        }

    });

    widgetRegistry.add(
        'bh_sidebar', bh_sidebar
    )
})

bh_sidebar.xml

<?xml version="1.0"?>
<templates id="template" xml:space="preserve">
    <t t-name="bh_sidebar_template">
        <div style="background-color:red;" class="myClass">
            <a href="#" class="butt1">Button 1</a>
            <a href="#" class="butt2">Button 2</a>
        </div>
    </t>
</templates>

我已使用以下方法将两者都添加到后端资产中：

<odoo>
    <data>
        <template id="assets_backend" inherit_id="web.assets_backend">
            <xpath expr="script[last()]" position="after">
                <script type="text/javascript" src="/sidebar_widget/static/src/js/bh_sidebar.js"></script>
                <!-- <script type="text/javascript" src="/sidebar_widget/static/src/js/renderer.js"></script> -->
                <link rel="stylesheet" type="text/scss" href="/sidebar_widget/static/src/scss/widget.scss"></link>
            </xpath>
        </template>
    </data>
</odoo>

我还将模板添加到清单文件中。

这个小部件应该显示一个带有两个链接的红色矩形，按钮 1 和按钮 2。我希望这个小部件独立于任何类型的视图，并且只显示在 Odoo 导航栏下方的屏幕顶部。我该怎么做？如果我尝试按原样运行我的代码，则不会发生任何事情。我已经在这里待了一个星期。我在互联网上找到的没有任何帮助。文件已经过时，资源稀缺。

我将不胜感激任何帮助。谢谢你。

4

2 回答 2

1

您的小部件不会被实例化并自动插入到 DOM 中。为此，您可以连接到任何已经存在的高级小部件。例如，使用show_applicationWebClient 上的方法：

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

WebClient.include({

    show_application: function () {
        var sup = this._super.apply(this, arguments);

        // Instantiate
        var sidebar = new bh_sidebar();

        // Insert in DOM
        sidebar.insertAfter(this.$('.o_main'));

        return sup;
    },

});
于 2021-05-05T09:02:52.863 回答
0

我认为你应该使用控制器机制来呈现这个视图，这将使这个视图独立于其他视图。

于 2021-05-05T05:25:54.863 回答