[Salesforce] lightning-button 클릭시 Event를 통해 Id, Name 가져오기

 

 

1. lightning-button 의 ID 값 가져오기

<lightning-button id="absent" label="버튼" slot="actions" onclick={openModal} disabled={isNotTarget} ></lightning-button>

openModal(event) {
    let evtId = event.target.id;
    console.log(evtId);
}

 

1번 결과

로그 자체가 내가 설정한 아이디가 아닌 아이디값+어떠한 숫자값이 뜸..~.~..

 

1번 보완

깔끔하게 ID 값이 나오지 않아 JS단 Funtion에서 indexOf를 사용해서 플래그를 변화시켰다.

openModal(event) {
    let evtId = event.target.id;
    console.log(evtId);
    if(evtId.indexOf('absent') > -1 ){
        this.flag = true;
	} else if(evtId.indexOf('checkCustomer') > -1){
   		this.flag = false;
    }
}

 

 

2. lightning-button 의 Name 값 가져오기

 

 

<lightning-button data-name="absent" label="부재처리" slot="actions" onclick={openModal} disabled={isNotTarget} ></lightning-button>

 

data-name 이라는 Attribute를 추가하면 이상한 숫자(?)가 붙지 않고 딱 깔끔하게 나온다

 

 

 

출처

https://salesforce.stackexchange.com/questions/301433/how-to-get-button-name-or-id-in-lwc-via-handlesuccess-event

 

How to get button name or Id in LWC via handleSuccess event?

https://salesforce.stackexchange.com/questions/288607/trying-to-pass-id-onclick-of-a-button-in-lwc

 

How to get button name or Id in LWC via handleSuccess event?