위젯 트리거
  • 21 Oct 2024
  • 1 읽을 분
  • 기여자

위젯 트리거


기사 요약

이 글에서는 위젯 레벨 트리거에 대해 알아봅니다:

  • 위젯 레벨 트리거란 무엇인가요?
  • 위젯 트리거는 어떻게 사용할 수 있나요?
  • 위젯 트리거 사용 사례 예시

위젯 트리거란 무엇인가요?

위젯 트리거는 사용자가 위젯과 상호작용할 때 자동으로 실행되는 로직 블록입니다.

위젯 트리거를 사용하면 다음 버튼이 필요 없어져 사용자가 Tulip 플레이어와 상호작용하는 방식을 간소화할 수 있습니다.

위젯 트리거를 사용하는 방법

위젯 트리거는 모든 입력 위젯과 대화형 표 위젯에 사용할 수 있습니다. 대부분의 경우 이러한 트리거는 해당 입력 값이 변경될 때 실행됩니다. 따라서 사용자가 확인란을 토글하거나 단일 선택 항목에서 값을 선택하면 해당 트리거가 실행됩니다.

텍스트 및 숫자 입력

텍스트 및 숫자 입력은 약간 다르게 작동합니다. 텍스트 및 숫자 입력은 [Enter] 키를 누르면 트리거가 실행됩니다.

:::(Warning) (경고) 텍스트 입력 위젯의 경우 사용자가 콘텐츠를 입력하기 위해 여러 줄의 값을 입력해야 할 수 있습니다. 이러한 입력은 위젯 트리거를 실행하게 되므로 위젯 트리거 로직에서 이 동작이 지원되는지 확인하세요:::

대화형 표 위젯

대화형 표 위젯은 매우 강력합니다. 행을 선택하면 선택한 행이 링크된 플레이스홀더에 로드됩니다(링크된 플레이스홀더가 매핑된 경우). 선택한 레코드를 레코드 플레이스홀더에 로드하는 것 외에도 레코드가 로드될 때 트리거도 실행됩니다.

트리거 사용 사례 예시

텍스트 입력

제 유스케이스에서는 사용자가 애플리케이션을 시작할 때 주문 번호를 입력하도록 하고 싶습니다(최종적으로 주문을 처리하기 위해). 사용자가 이 주문 번호를 수동으로 입력하게 되는데, 사용자가 올바른 주문 번호 형식을 따르지 않는 문제가 발생하고 있습니다.

내 주문 번호는 패턴을 따릅니다: 주문 번호 1234-567과 같이 사용자가 이 주문을 올바르게 입력했는지 확인한 후 진행을 허용하고 싶습니다. 이 동작은 정규식(Regex)을 사용하여 수행할 수 있지만 입력 트리거를 활용하여 백그라운드에서 자동으로 유효성 검사를 수행하여 사용자의 프로세스를 간소화할 수 있습니다.

이 경우 올바른 정규식은 "Order: [0-9]{4}-[0-9]{3}". 이를 자동으로 확인하려면 다음 위젯 트리거를 추가하면 됩니다.image.png

대화형 테이블 위젯

사용자가 미체결 주문 백로그에서 주문을 선택하면 해당 주문의 상태를 진행 중으로 설정해야 합니다. 이 작업은 일반 버튼 트리거로 수행할 수도 있지만, 위젯에 직접 구축하면 사용자 경험을 간소화할 수 있습니다.

또한 사용자가 주문을 선택하면 사용자가 해당 주문에 대해 작업할 수 있는 애플리케이션의 다음 단계로 사용자를 이동합니다.

image.png

더 읽어보기


이 문서가 도움이 되었습니까?