Many2one 위젯을 상속받아, 목록 변경하기

문제 상황

요구사항에 맞춰 LOT/일련번호가 일련번호 - 수량 형식으로 나타나도록 변경했습니다.

현재 방식은 _name_get 메소드를 사용해 record를 대표하는 이름을 변경한 방식으로, LOT/일련번호 form 뷰에서도 일련번호 - 수량 형식으로 나타납니다.

class ProductionLot(models.Model):
    _inherit = 'stock.production.lot'

    def name_get(self):
        result = []
        for lot in self:
            name = '%s - %sEA' % (lot.name, str(int(lot.product_qty)))
            result.append((lot.id, name))
        return result

이렇게 적용한 방식은 수량을 함께 보고 싶지 않더라도, 다른 LOT/일련번호 필드를 사용하는 곳에 모두 동일하게 적용되기 때문에 적합한 방식은 아닙니다.

해결 방안

아래 사진처럼 목록에서만 일련번호 - 수량EA 형식으로 보여지고, 목록에서 선택했을 때는 일련번호만 보여지도록 변경합니다.

1. Many2one 위젯 상속

Many2one 위젯에서 _search 함수를 상속받습니다.

_search 함수는 Many2one 위젯에 입력한 검색어와 일치하는 목록을 조회하고, 나타내는 함수입니다.

odoo.define('sale_management_ssk.field_many2one_lot', function (require) {
    'use strict';

    const FieldRegistry = require('web.field_registry');
    const FieldMany2One = require('web.relational_fields').FieldMany2One;

    const FieldMany2OneLot = FieldMany2One.extend({
        _search: async function (searchValue = "") {
            /* code */
        }
    });

    // custom 위젯 등록
    FieldRegistry.add('many2one_lot', FieldMany2OneLot);

});

2. 일련번호, 수량 조회

기존 코드

name_search 메소드를 사용해 입력한 검색어와 일치하는 레코드의 name을 조회합니다.

const nameSearch = this._rpc({
    model: this.field.relation,
    method: "name_search",
    kwargs: {
        name: value,
        args: domain,
        operator: "ilike",
        limit: this.limit + 1,
        context,
    }
});

커스텀 코드

name_search 메소드가 아난 search_read 메소드를 사용해 검색어와 일치하는 레코드를 찾고, name과 product_qty를 조회합니다.

const nameSearch = this._rpc({
    model: this.field.relation,
    method: 'search_read',
    fields: ['name', 'product_qty'],
    domain: [...domain, ['name', 'ilike', value]],
    limit: this.limit + 1,
    context: context,
});

3. 목록에 나타내기

return을 살펴보면 id, label, value, name의 객체로 이루어져 있습니다.

여기서 label이 목록에서 보여질 값이므로, label에만 일련번호 - 수량EA 형식으로 정의한 displayName 변수를 지정합니다.

const nameSearch = this._rpc({
    model: this.field.relation,
    method: 'search_read',
    fields: ['name', 'product_qty'],
    domain: [...domain, ['name', 'ilike', value]],
    limit: this.limit + 1,
    context: context,
});

const results = await this.orderer.add(nameSearch);

// Format results to fit the options dropdown
let values = results.map((result) => {
    const {id, name, product_qty} = result;
    const fullName = `${name} - ${product_qty.toLocaleString()}EA`; // 일련번호 - 수량EA
    const displayName = this._getDisplayName(fullName).trim();
    result[1] = displayName;
    return {
        id,
        label: displayName || data.noDisplayContent, // * 목록에 보여질 값
        value: name,
        name: name,                                  // * 목록에서 선택 시, 결과로 들어갈 값
    };
});