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