전체 글
-
[LWC] 노트 및 첨부파일에 등록한 이미지파일 미리보기로 보여주기 ( How to show image file preview )LWC 2024. 10. 10. 17:55
0. 실습 상황제품 레코드에 관련 목록 [ 노트 및 첨부파일 ] 에 이미지 파일 등록해당 이미지 파일을 LWC 컴포넌트를 통해 미리보기로 보여주기파라미터로 전달되는 Id 값은 파일 등록한 제품 레코드 Id 값 1. apex 파일 public with sharing class ProductImageController { @AuraEnabled public static ListContentVersion> releatedFiles(Id idParent) { ListId> lstConDocs = new ListId>(); for (ContentDocumentLink cntLink : [SELECT Id, ContentDocumentId ..
-
[LWC] 실습 4) lightning-datatable에 picklist 필드와 lookup 필드 함께 표시하기 - How to display lookup field and picklist field in datatableLWC 2024. 10. 2. 17:53
실습 계획이번시간은 실습 4) custom lightning-datatable에 lookup 필드와 picklist 필드 함께 표시하기 실습 1) lightning-datatable 생성하기실습 2) custom lightning-datatable에 picklist field 표시하기실습 3) custom lightning-datatable에 lookup field 표시하기실습 4) custom datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 속성 설정 및 기능 구현 0. 컴포넌트 구조 확인앞선 실습 내용들 참고 1. lookupColumn.cmp조회필드 편집화면처럼 보여줄 컴포넌트 1-1 : lookupColumn.htmltempla..
-
[LWC] 실습 3) lightning-datatable에 lookup field 표시하기 - How to display lookup field in datatableLWC 2024. 9. 12. 13:11
실습 계획이번시간은 실습 3) custom lightning-datatable에 lookup field 표시하기 실습 1) lightning-datatable 생성하기실습 2) custom lightning-datatable에 picklist field 표시하기실습 3) custom lightning-datatable에 lookup field 표시하기실습 4) custom datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup 및 개념기회제품 개체에 계정을 조회하는 필드 추가추가한 조회 필드 조회해 오도록 apex 컨트롤러에서 sql문 수정조회 필드를 보여주기 위한 lwc 컴포넌트 생성기본으..
-
[LWC] 실습 2) lightning-datatable에 picklist field 표시하기 - How to display picklist field in datatableLWC 2024. 9. 11. 10:17
실습 계획이번시간은 실습 2) custom lightning-datatable에 picklist field 표시하기 실습 1) lightning-datatable 생성하기실습 2) custom lightning-datatable에 picklist field 표시하기실습 3) custom lightning-datatable에 lookup field 표시하기실습 4) custom datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup 및 개념기회제품 개체에 선택목록 필드 추가추가한 선택목록 필드 조회해 오도록 apex 컨트롤러에서 sql문 수정선택목록 필드를 보여주기 위한 lwc 컴포넌트 생성기본..
-
[LWC] 실습 1) lightning-datatable 생성하기LWC 2024. 9. 10. 16:34
실습 계획이번시간은 실습 1) lightning-datatable 생성하기 실습 1) lightning-datatable 생성하기기회레코드 관련목록에서 기회제품을 편집하는 데이터 테이블을 만들 것이다.실습 2) lightning-datatable에 picklist field 표시하기여러 개의 picklist field 표시하기실습 3) lightning-datatable에 lookup field 표시하기여러 개의 lookup field 표시하기실습 4) datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup데이터테이블 표시할 LWC 컴포넌트 생성기회제품 개체의 버튼 및 링크 - [제품 편집] 버..
-
[LWC] 부모 자식 컴포넌트간 이벤트 통신하는 방법 - How to communicate events between parent and child componentsLWC 2024. 9. 10. 15:47
0. 예시상황자식 컴포넌트의 체크박스 항목에 대하여 체크 여부 값을 부모 컴포넌트로 전달부모 컴포넌트는 자식 컴포넌트로부터 전달받은 체크여부 값(True/False)에 맞춰 필요한 작업 진행부모 컴포넌트 = oppItemManagementEdit.cmp자식 컴포넌트 = childCmp.cmp 1. 자식 컴포넌트 - 체크박스 항목에 체크할 시 부모 컴포넌트로 값 전달체크박스 생성 체크박스 체크 여부 값 관리 체크 여부 값을 부모 컴포넌트로 전달 this.dispatchEvent(new CustomEvent()) 1-1 : 자식컴포넌트 - html 파일template> lightning-input style="width: 100%;" class="slds-popove..
-
[JS] - Array Method 정리 1탄JS 2024. 9. 10. 15:19
poppushunshiftshiftsplicesliceconcateverysomeforEachmapfilterreducereversesorttoStringvalueOfjoin pop배열 뒷부분의 값을 삭제 var arr = [ 1, 2, 3, 4 ]; arr.pop(); console.log( arr ); // [ 1, 2, 3 ] arr.pop(); console.log( arr ); // [ 1, 2 ] arr.pop(); console.log( arr ); // [ 1 ] arr.pop(); console.log( arr ); // [] arr.pop(); console.log( arr ); // [] pus..
-
LWC 컴포넌트 url로 호출하는 방법 - How to call with LWC component urlLWC 2024. 9. 10. 12:01
원하던 기능이 드디어 Release 되었다! 기존에는 lwc 컴포넌트를 url로 직접 호출하는 것이 불가능하여불필요한 aura 컴포넌트를 생성하고 url로 aura 컴포넌트를 호출하여aura 컴포넌트 내부에서 lwc 컴포넌트를 호출하는 방식으로 구현하였다. 이제 url을 통해 lwc 컴포넌트를 바로 호출가능하게 되었다! 1. xml 파일에 lightning_UrlAddressable 추가 xml version="1.0" encoding="UTF-8"?>LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> apiVersion>61.0apiVersion> isExposed>trueisExposed> targe..