odoo添加顶部按钮实现自定义方法

一、效果图

自定义添加顶部按钮，实现自定义方法。

二、实现过程

1、需要用到三个文件，tree_view_button.js、tree_view_odoo.xml、base.xml三个文件，文件目录如下。

2、tree_view_button.js代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<template id="template_01" xml:space="preserve">
    <!-- 拓展Tree视图增加自定义按钮 -->
    <t t-extend="ListView.buttons">
        <t t-jquery="div.o_list_buttons" t-operation="append">

            <t t-if="widget.model == 'res.users'">
                <button class="btn btn-primary btn-sm o_list_tender_button_create" type="button">数据同步</button>
            </t>
        </t>
    </t>

    <!--&lt;!&ndash; 拓展Form视图增加自定义按钮 &ndash;&gt;-->
    <!--<t t-extend="FormView.buttons">-->
        <!--<t t-jquery="button.o_form_button_create" t-operation="after">-->
            <!--<button type="button" class="btn btn-primary o_list_tender_button_say_hello" style="display:inline-block;">Form:Say Hello</button>-->
        <!--</t>-->
    <!--</t>-->
</template>

3、tree_view_button.js代码：

odoo.define('coordination_center.tree_view_button', function (require) {
    "use strict";
    var core = require('web.core');
    var ListView = require('web.ListView');
    var QWeb = core.qweb;
    var Model = require('web.Model');
    ListView.include({
        render_buttons: function ($node) {
            var self = this;
            this._super($node);
            //自定义按钮click事件绑定处理方法
            this.$buttons.find('.o_list_tender_button_create').click(this.proxy('tree_view_action'));
        },
        /**
         * 实现自定义按钮的事件
         */
        tree_view_action: function () {
            console.log('点击事件！！！！');

            var compose_model = new Model('tb.odoo');
            compose_model.call('tb_odoo_tong');

            console.log('点击事件结束！！！！');
        }
    });
});

tb.odoo是我model名称，tb_odoo_tong是我的方法名称。

4、base.xml，引入自定义的js。

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

5、最后记得在__manifest__.py文件中引入xml文件。

tree_view_odoo.xml文件需要用qweb映入。

'qweb':[
      'static/src/xml/tree_view_odoo.xml'
    ]