Wasting $15K on Extra Clicks? Add Custom Buttons to Odoo 18 Views

    
        
        
        
            
            
            
                Quick Order
            
            
        
    

/** @odoo-module **/

import { ListController } from "@web/views/list/list_controller";
import { registry } from '@web/core/registry';
import { listView } from '@web/views/list/list_view';

export class ProductListController extends ListController {
    setup() {
        super.setup();
        // Inherits all default ListController functionality
    }
    
    /**
     * Handle Quick Order button click
     * Opens sale order wizard
     */
    onClickQuickOrder() {
        // actionService already available in ListController
        this.actionService.doAction({
            type: 'ir.actions.act_window',
            res_model: 'sale.order',
            name: 'Quick Sale Order',
            view_mode: 'form',
            view_type: 'form',
            views: [[false, 'form']],
            target: 'new',  // Open as popup
            res_id: false,  // New record
            context: {
                // Pre-fill context if needed
                'default_product_id': this.model.root.selection[0]?.resId,
            }
        });
    }
}

// Link template to controller
ProductListController.template = "custom_buttons.ListView.Buttons";

// Create custom view configuration
export const CustomProductListView = {
    ...listView,
    Controller: ProductListController,
};

// Register custom view in Odoo registry
registry.category("views").add("product_list_quick_order", CustomProductListView);

    
    
        
        product.template.tree.custom.button
        product.template
        
        
        
            
            
                product_list_quick_order
            
        
        
    

{
    'name': 'Custom Buttons',
    'version': '18.0.1.0.0',
    'depends': ['web', 'product', 'sale'],
    'data': [
        'views/product_views.xml',
    ],
    'assets': {
        'web.assets_backend': [
            'custom_buttons/static/src/js/tree_button.js',
            'custom_buttons/static/src/xml/tree_button.xml',
        ],
    },
}

    
        
        
        
            
            
                Quick Order
            
            
        
    

/** @odoo-module **/

import { FormController } from "@web/views/form/form_controller";
import { useService } from "@web/core/utils/hooks";
import { registry } from '@web/core/registry';
import { formView } from '@web/views/form/form_view';

export class ProductFormController extends FormController {
    setup() {
        super.setup();
        // Import action service for opening windows
        this.actionService = useService("action");
    }
    
    /**
     * Handle Quick Order button click from form view
     * Access current record data via this.model.root.data
     */
    onFormClickQuickOrder() {
        const currentProduct = this.model.root.data;
        
        this.actionService.doAction({
            type: 'ir.actions.act_window',
            res_model: 'sale.order',
            name: 'Quick Sale Order',
            view_mode: 'form',
            view_type: 'form',
            views: [[false, 'form']],
            target: 'new',
            res_id: false,
            context: {
                // Pre-fill with current product
                'default_order_line': [(0, 0, {
                    'product_id': currentProduct.id,
                    'product_uom_qty': 1,
                })],
            }
        });
    }
}

ProductFormController.template = "custom_buttons.FormView.Buttons";

export const CustomProductFormView = {
    ...formView,
    Controller: ProductFormController,
};

registry.category("views").add("product_form_quick_order", CustomProductFormView);

    
    product.template.form.custom.button
    product.template
    
    
    
        
            product_form_quick_order
        
    
    

'assets': {
    'web.assets_backend': [
        'custom_buttons/static/src/js/tree_button.js',
        'custom_buttons/static/src/xml/tree_button.xml',
        'custom_buttons/static/src/js/form_button.js',
        'custom_buttons/static/src/xml/form_button.xml',
    ],
},

onClickExportReport() {
    const selectedIds = this.model.root.selection.map(rec => rec.resId);
    
    if (selectedIds.length === 0) {
        this.notification.add(
            'Please select records to export',
            { type: 'warning' }
        );
        return;
    }
    
    this.actionService.doAction({
        type: 'ir.actions.report',
        report_type: 'qweb-pdf',
        report_name: 'module.report_template_name',
        data: {
            'ids': selectedIds,
            'model': 'product.template'
        }
    });
}

async onClickBulkUpdate() {
    const selectedIds = this.model.root.selection.map(rec => rec.resId);
    
    const result = await this.orm.call(
        'product.template',
        'bulk_update_price',
        [selectedIds, { 'discount': 10 }]
    );
    
    if (result.success) {
        this.notification.add(
            `Updated ${selectedIds.length} products`,
            { type: 'success' }
        );
        this.model.load();  // Reload list view
    }
}

    
    
    
        Quick Order