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'
    ]