This question has been flagged
1 Reply
13939 Views
webbuttonjswebmoduleoverride
Avatar
nagarjuna

I would like to override the default save & new button functionality ?

the button view is located at web\static\src\xml\base.xml and button click functionality is web\static\src\js\view_form.js.

i manged to override view by adding new xml file at mymodule\static\src\xml\custom.xml

<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
<t t-name="AbstractFormPopup.buttons">
    <t t-if="! readonly">
        <t t-if="! multi_select">
            <button type="button" class="oe_button oe_abstractformpopup-form-save oe_highlight">Save</button>
        </t>
        <t t-if="multi_select">
            <button type="button" class="oe_button oe_abstractformpopup-form-save oe_highlight">Save &amp; Close</button>
            <button type="button" class="oe_button oe_abstractformpopup-form-save-new oe_highlight">My Own Button</button>
        </t>
        or
    </t>
    <a class="oe_abstractformpopup-form-close oe_bold oe_form_button_cancel" href="javascript:void(0)">
        <t t-if="! readonly">
            Discard
        </t>
        <t t-if="readonly">
            Close
        </t>
    </a>
</t>
</templates>

and adding

'qweb': [
        "static/src/xml/base.xml",
    ],

in _openerp_.py

now button name is changed but the functionality is default functionality. how can i change that default button functionality ?

Avatar
Discard
Avatar
Axel Mendoza
Best Answer

To do that you need to add this code in a loaded js file of your module defined in the backend assets template(search others posts for that), changing the code in bold for your needs

instance.web.form.AbstractFormPopup.include({
    setup_form_view: function() {
        var self = this;
        if (this.row_id) {
            this.dataset.ids = [this.row_id];
            this.dataset.index = 0;
        } else {
            this.dataset.index = null;
        }
        var options = _.clone(self.options.form_view_options) || {};
        if (this.row_id !== null) {
            options.initial_mode = this.options.readonly ? "view" : "edit";
        }
        _.extend(options, {
            $buttons: this.$buttonpane,
        });
        this.view_form = new instance.web.FormView(this, this.dataset, this.options.view_id || false, options);
        if (this.options.alternative_form_view) {
            this.view_form.set_embedded_view(this.options.alternative_form_view);
        }
        this.view_form.appendTo(this.$el.find(".oe_popup_form"));
        this.view_form.on("form_view_loaded", self, function() {
            var multi_select = self.row_id === null && ! self.options.disable_multiple_selection;
            self.$buttonpane.html(QWeb.render("AbstractFormPopup.buttons", {
                multi_select: multi_select,
                readonly: self.row_id !== null && self.options.readonly,
            }));
            var $snbutton = self.$buttonpane.find(".oe_abstractformpopup-form-save-new");
            $snbutton.click(function() {
                alert('test');
                $.when(self.view_form.save()).done(function() {
                    self.view_form.reload_mutex.exec(function() {
                        self.view_form.on_button_new();
                    });
                });
            });
            var $sbutton = self.$buttonpane.find(".oe_abstractformpopup-form-save");
            $sbutton.click(function() {
                $.when(self.view_form.save()).done(function() {
                    self.view_form.reload_mutex.exec(function() {
                        self.check_exit();
                    });
                });
            });
            var $cbutton = self.$buttonpane.find(".oe_abstractformpopup-form-close");
            $cbutton.click(function() {
                self.view_form.trigger('on_button_cancel');
                self.check_exit();
            });
            self.view_form.do_show();
        });
    }
});
to what you need

Avatar
Discard
nagarjuna
Author

Thanks for the reply Axel, is it enough to add above part of the code in the local module js ? or do i need to add remaining js content from the view_form.js (which is located at web/static/js folder).

Axel Mendoza

I don't understand. You need to put that code in a js file that contains the odoo js declaration header and that file it's declared using template asset declaration. No need for add extra content from view_form.js

nagarjuna
Author

Hi Axel, i did that, now i need to call a python method from the js by passing the arguments (cr,ids,uid etc...). i am able to call a plane method but unable to send these argument related to the form. do u have any idea?

Axel Mendoza

That is another question that you could find the answer in so many others post in the forum, don't mess up the question objetive