adding  display="always" works for Odoo v18

Hi,

Inorder to make a button in the tree view, first you need to create an xml extending the list view buttons.

<templates id="template" xml:space="preserve">

    <t t-extend="ListView.buttons">

        <t t-jquery="div.o_list_buttons" t-operation="append">

            <button type="object" class="btn  btn-class">

                /* button name */

            </button>

        </t>

    </t>

</templates>

And then, you need to add a js file and include the button in ListController and setup the action.

var ListController = require("web.ListController");
var includeEdit = {

    renderButtons: function() {
            this._super.apply(this, arguments);
            this.$buttons.find('button.btn-class').click(this.proxy('btn_function'));
                }
         },
 
         btn_function: function() {
            var action = {
                type: "ir.actions.act_window",
                name: /* Name of Wizard*/,
                res_model: /* Wizard Model */,
                views: [[false,'form']],
                target: 'new',
                view_type : 'form',
                view_mode : 'form',
                context : {/* Context to be passed */},
            }
            return this.do_action(action);
        },
    }
    ListController.include(includeEdit);
});

Regards

thank you, it works correctly but since odoo has default create button and when I try to append it. My tree view shows 2 button create, one from default odoo and the other is custom from mine. is it possible if adding condition on my button? i want my custom button will apear only on my tree and make odoo default button invisible

simplest solution for this need is to use   display="always" in button

Example:

 <tree>          

​<header>            

​ ​<button name="action_do_something" string="Button text"              ​ ​

​ ​ ​type="object" display="always"          

​ ​ ​class="btn-primary">

​ ​</button>          

​</header>