콘텐츠로 건너뛰기
Odoo 메뉴
  • 로그인
  • 무료 체험하기
  • 앱
    재무 관리
    • 회계
    • 청구서 관리
    • 비용 관리
    • 스프레드시트 (BI)
    • 문서
    • 전자 서명
    판매
    • CRM
    • 판매
    • POS 스토어
    • POS 레스토랑
    • 구독
    • 렌탈
    웹사이트
    • 웹사이트 빌더
    • 이커머스
    • 블로그
    • 포럼
    • 실시간 채팅
    • 온라인 학습 관리
    공급망
    • 재고 관리
    • 제조 관리
    • 제품 수명주기 관리 (PLM)
    • 매입
    • 유지관리
    • 품질
    인적자원 관리
    • 직원
    • 채용
    • 휴가 관리
    • 인사 평가
    • 인재 추천
    • 차량 관리
    마케팅
    • 소셜 마케팅
    • 이메일 마케팅
    • SMS 마케팅
    • 행사
    • 마케팅 자동화
    • 설문 조사
    서비스
    • 프로젝트
    • 작업 기록
    • 현장 서비스
    • 헬프데스크
    • 일정 관리
    • 일정 예약
    생산성
    • 메일 및 채팅
    • 전자 결재
    • IoT
    • VoIP
    • 지식 센터
    • WhatsApp
    타사 앱 Odoo 스튜디오 Odoo 클라우드 플랫폼
  • 인더스트리
    리테일
    • 서점
    • 의류 매장
    • 가구점
    • 식료품점
    • 철물점
    • 장난감 가게
    식음료 & 숙박업
    • 바 & 펍
    • 레스토랑
    • 패스트푸드
    • 게스트 하우스
    • 음료 유통업체
    • 호텔
    부동산
    • 부동산 중개업체
    • 건축 회사
    • 건설
    • 부동산 관리
    • 가드닝
    • 부동산 소유자 협회
    컨설팅
    • 회계 법인
    • Odoo 파트너
    • 마케팅 대행사
    • 법률 사무소
    • 인재 영입
    • 감사 및 인증
    제조 관리
    • 텍스타일
    • 메탈
    • 가구
    • 푸드
    • 양조장
    • 기업용 선물
    건강 & 피트니스
    • 스포츠 클럽
    • 안경점
    • 피트니스 센터
    • 웰니스 전문가
    • 약국
    • 미용실
    사업
    • 핸디맨
    • IT 하드웨어 및 지원 서비스
    • 태양 에너지 시스템
    • 제화업체
    • 클리닝 서비스
    • HVAC 서비스
    기타
    • 비영리 단체
    • 환경 에이전시
    • 광고판 임대
    • 사진
    • 자전거 임대
    • 소프트웨어 리셀러
    전체 인더스트리 찾아보기
  • 커뮤니티
    학습
    • 튜토리얼
    • 문서
    • 인증
    • 훈련
    • 블로그
    • 팟캐스트
    교육 역량 강화
    • 교육 프로그램
    • Scale-Up! 경영관리 게임
    • Odoo에 방문해보세요
    소프트웨어 신청
    • 다운로드
    • 버전 살펴보기
    • 릴리즈 내역
    협업
    • Github
    • 포럼
    • 행사
    • 번역
    • 파트너 등록
    • 파트너 대상 서비스
    • 회계 법인 정보 등록
    서비스 신청
    • 파트너 검색
    • 회계사 검색
    • 전문 상담 예약
    • 구현 서비스
    • 고객 정보
    • 고객 지원
    • 업그레이드
    Github 유튜브 트위터 링크드인 인스타그램 페이스북 스포티파이
    +1 (650) 691-3277
    데모 예약하기
  • 요금제
  • 고객 지원

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • 회계
  • 재고 관리
  • PoS
  • 프로젝트
  • MRP
All apps
커뮤니티에 참여하려면 회원 가입을 하시기 바랍니다.
모든 게시물 사용자 배지
태그 (모두 보기)
odoo accounting v14 pos v15
게시판 정보
커뮤니티에 참여하려면 회원 가입을 하시기 바랍니다.
모든 게시물 사용자 배지
태그 (모두 보기)
odoo accounting v14 pos v15
게시판 정보
도움말

How to extend the setup of a kanban component and pass data to a new form in Odoo?

구독

이 게시물에 활동이 있으면 알림 받기

신고된 질문입니다
kanbanodooOWL
1 회신
3296 화면
아바타
Dan

Hello, I need some help with a custom plugin for Odoo 16. 

I want to create a feature that when I drag a card to a certain column in kanban, it will show a confirmation window and if I agree, it will move the card to the desired column and open a new form from another custom plugin with filled fields that match the fields of the card in kanban. 

The main problem is that I don’t understand how to properly extend the setup in the extended component and get and pass the data to the new form (as I understand, the standard approach is to use default_)

My current code is something like this:

** @odoo-module **/
import { KanbanDynamicGroupList, KanbanModel } from “@web/views/kanban/kanban_model”;
export class LeadKanbanModel extends KanbanModel {}
class LeadKanbanDynamicGroupList extends KanbanDynamicGroupList {

    /**
* @param {string} dataRecordId
* @param {string} dataGroupId
* @param {string} refId
* @param {string} targetGroupId
*/


async moveRecord(dataRecordId, dataGroupId, refId, targetGroupId) {
    const targetGroup = this.groups.find((g) => g.id === targetGroupId);
    const sourceGroup = this.groups.find((g) => g.id === dataGroupId);

    if (!sourceGroup || !targetGroup) {
        return; // Groups have been re-rendered, old ids are ignored
    }

    if (targetGroup.displayName == "Завершён") {
        const record = sourceGroup.list.records.find((r) => r.id === dataRecordId);
        if (!record) return;
       
        let that = this;
        const superMoveRecord = super.moveRecord.bind(this);

        var Dialog = require('web.Dialog');
        var myDialog = new Dialog(this, {
            title: 'Do you want to complete the lead?',
            size: 'medium',
            $content: $('
').css({
                display: 'flex',
                alignItems: 'center',
                flexWrap: 'nowrap',
            })
            .append($('').text('Close the lead and open the work order')).css({ whiteSpace: 'nowrap' }),
            buttons: [
                {text: 'Yes', classes: 'btn-primary', close: true, click: function() {
// here
superMoveRecord(dataRecordId, dataGroupId, refId, targetGroupId);
},
                {text: 'No', classes: 'btn-primary', close: true, click: () => {
}}
            ]
        });
      myDialog.open();
        return true;
  } return await super.moveRecord(dataRecordId, dataGroupId, refId, targetGroupId);   
}
}

LeadKanbanModel.DynamicGroupList = LeadKanbanDynamicGroupList;



0
아바타
취소
아바타
Dan
작성자 베스트 답변

UPD: This is indeed a very crooked solution, but to be honest the OWL documentation is a bit of a pain.  

So far, my solution is to use relatively pure js, because it is easier as strange as it sounds. in custom_addons\market-crm\static\src\components\leads_kanban\kanban_model.js I wrote the opening of the window and storing the context in local storage: 

...

var Dialog = require('web.Dialog');
            var myDialog = new Dialog(this, {
                title: 'Do you want to complete the lead?',
                size: 'medium',
                $content: $('
').css({
                    display: 'flex',
                    alignItems: 'center',
                    flexWrap: 'nowrap',
                })
                .append($('').text('Close the lead and open the order form')).css({ whiteSpace: 'nowrap' }),
                buttons: [
                    {text: 'Yes', classes: 'btn-primary', close: true, click: () => {
                        superMoveRecord(dataRecordId, dataGroupId, refId, targetGroupId);
                        var currentUrl = window.location.href;
                        var index = currentUrl.indexOf("/web#");
                        var baseUrl = currentUrl.slice(0, index);
                        var newUrl = baseUrl + "/web#cids=1&menu_id=214&action=319&model=idiamarket_sale.order&view_type=form";
                        localStorage.setItem ("contact_number", record.data.contact_number);
                        localStorage.setItem ("contact_name", record.data.contact_name);
                        window.open(newUrl, "_blank");
                    },
                },
...

and in the form that should open custom_addons\market_sale\static\src\components\order_form\form_controller.js we get the data from local storage and substitute. 
UPD: problems with isDirty etc, kind of fix:


** @odoo-module **/
import {FormController} from "@web/views/form/form_controller";
import {onRendered, onMounted, onWillPatch, onPatched, onWillUnmount} from "@odoo/owl";
import {ADD_PRODUCT_CHANNEL} from "../order_fake_product_tree_view/constants";
import core from "web.core";
export class CustomFormController extends FormController {
    setup() {
        super.setup();
        onRendered(() => {
            var input_phone = document.getElementById("partner_phone");
            if (input_phone) {
                input_phone.addEventListener("input", () => {
                    var new_contact_number = input_phone.value;
                    localStorage.setItem("contact_number", new_contact_number);
                  });
            }
          });
        onMounted(async () => {
            core.bus.on(ADD_PRODUCT_CHANNEL, this, this.addRecordToList);
            var contact_name = localStorage.getItem ("contact_name");
            var input = document.getElementById("partner");
            if (input) {
                input.value = contact_name;
            }
            var contact_number = localStorage.getItem ("contact_number");
            var input_phone = document.getElementById("partner_phone");
            if (input_phone) {
                input_phone.value = contact_number;
            }
        })
        onPatched(() => {
            var contact_name = localStorage.getItem ("contact_name");
            var input = document.getElementById("partner");
            if (input && !input.value) {
                input.value = contact_name;
            }
            var new_contact_number = localStorage.getItem ("contact_number");
            var input_phone = document.getElementById("partner_phone");
            if (input_phone) {
                input_phone.value = new_contact_number;
            }
          });
        onWillUnmount(() => {
            core.bus.off(ADD_PRODUCT_CHANNEL, this, this.addRecordToList);
            localStorage.removeItem("contact_number");
            localStorage.removeItem("contact_name");
        })
    }
    async addRecordToList() {
        await this.model.load();
    }
}


0
아바타
취소
토론이 재미있으신가요? 직접 참여해보세요!

지금 바로 가입하여 독점 서비스를 이용해보고 특별한 커뮤니티와 소통하세요!

가입
관련 게시물 답글 화면 활동
Editable Kanban form
kanban OWL
아바타
0
2월 25
1364
Odoo 16 : How to use message_post() to send message in the chatter? 해결 완료
odoo OWL
아바타
아바타
아바타
2
8월 23
12830
Pass values ​​from one stage to another in kanban view, odoo 14[SOLVED] 해결 완료
kanban odoo
아바타
아바타
1
6월 23
3463
How to add an existing field validation with OWL?
javascript odoo OWL
아바타
아바타
아바타
2
10월 25
1117
Odoo 16 - Using an Odoo module to attach a very basic click handler
odoo OWL odoo16features
아바타
아바타
1
7월 23
2989
커뮤니티
  • 튜토리얼
  • 문서
  • 포럼
오픈 소스
  • 다운로드
  • Github
  • Runbot
  • 번역
서비스
  • Odoo.sh 호스팅
  • 고객 지원
  • 업그레이드
  • 맞춤 개발
  • 학습
  • 회계사 검색
  • 파트너 검색
  • 파트너 등록
회사 소개
  • 회사 소개
  • 브랜드 자산
  • 상담 문의
  • 인재 채용
  • 행사
  • 팟캐스트
  • 블로그
  • 고객 사례
  • 법적고지 • 개인정보
  • 보안
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo는 CRM, 이커머스, 회계, 재고, POS, 프로젝트 관리 등 기업의 모든 요구 사항을 충족하도록 설계된 오픈 소스 기반의 통합 비즈니스 앱 제품군입니다.

Odoo의 간편한 UI와 완벽하게 통합된 기능을 직접 확인해 보세요.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now