다음을 통해 공유


LightSwitch에서 팝업 화면 만들기

이 단원에서는 LightSwitch 응용 프로그램에 팝업을 만드는 방법에 대해 배웁니다.

팝업 만들기

활성 화면의 맨 앞에 표시되는 부동 창인 팝업은 화면 디자이너를 사용하여 만들 수 있습니다.

팝업을 추가하려면

  1. 솔루션 탐색기에서 BrowseOrders.lsml 노드의 바로 가기 메뉴를 열고 열기를 선택합니다.

  2. 화면 디자이너의 가운데 창에서 팝업 노드를 선택한 다음 팝업 추가 노드를 선택합니다.

    새 팝업이 화면에 추가됩니다.

  3. 행 레이아웃 | 그룹(팝업) 노드를 선택합니다. 속성 창에서 이름 속성을 선택하고 OrderInformation을 입력합니다.

  4. 읽기 전용 컨트롤 사용 속성의 확인란을 선택합니다.

  5. 화면 디자이너에서 행 레이아웃 | 주문 정보(팝업) 노드를 선택하고 행 레이아웃 목록을 연 다음 열 레이아웃을 선택합니다.

  6. 추가 목록을 연 다음 – 선택한 항목을 선택합니다.

  7. 열 레이아웃 | 주문 정보(팝업) 노드를 선택하고 추가 목록을 연 다음 새 그룹을 선택합니다.

    행 레이아웃 | 그룹 노드가 추가됩니다.

  8. 배송 이름, 배송 주소, 배송 도시, 배송 지역, 배송지 우편 번호배송 국가 노드를 선택해 행 레이아웃 | 그룹 노드로 끌어 옵니다.

    디자이너에서의 주문 정보 팝업

  9. 테이블 | 주문 노드를 선택합니다. 속성 창에서 항목 탭: viewSelected 링크를 선택합니다.

  10. ItemTap 작업 편집 대화 상자에서 Orders.viewSelected 목록을 엽니다. showPopup을 선택한 다음 확인 단추를 선택합니다.

  11. 응용 프로그램을 실행합니다. 주문 찾아보기 화면을 연 다음 주문을 선택하면 팝업이 표시됩니다.

    실행 중인 응용 프로그램에서의 팝업

  12. 주문 찾아보기 화면을 선택하여 팝업을 해제한 다음 응용 프로그램을 닫습니다.

자세히 보기

이전 단원에서 연락처 엔터티의 추가/편집 세부 정보 화면을 만들었습니다. 그 화면은 사용자가 저장 또는 취소 단추를 눌러 대화 상자를 해제할 때까지는 기본 화면에 대한 액세스를 차단하는 모달 대화 상자입니다. LightSwitch에서 팝업은 모달 대화 상자와 유사하지만 팝업 외부를 누르면 팝업이 해제됩니다. 임의의 화면에 대해 여러 팝업을 만들 수 있지만 화면 간에 공유할 수는 없습니다.

이 예제에서는 팝업을 표시할 화면에 대해 항목 탭 작업을 설정하여 ViewOrder 화면을 시작했던 이전 작업을 바꿨습니다. 기존 작업을 바꾸는 대신 팝업을 시작하기 위해 단추를 도구 모음에 추가할 수도 있습니다.

다음 단계

다음 단원에서는 화면 속성을 사용하여 화면에 정보를 표시하는 방법에 대해 배웁니다.

다음 단원: LightSwitch 응용 프로그램에서 로컬 정보 표시

참고 항목

작업

방법: LightSwitch 응용 프로그램의 모바일 클라이언트용 대화 상자 또는 팝업 만들기

기타 리소스

LightSwitch에서 화면 만들기

LightSwitch 응용 프로그램용 HTML 클라이언트 화면