LightSwitch 응용 프로그램용 HTML 클라이언트 화면
LightSwitch를 사용하면 모바일 장치에서 최적으로 표시할 수 있는 HTML 클라이언트 화면을 만들 수 있습니다. 이 항목에는 HTML5를 기반으로 화면을 만들 수 있는 템플릿, 화면을 디자인할 수 있는 도구 및 LightSwitch 응용 프로그램의 가장 좋은 화면을 디자인할 수 있는 작업에 대한 사항을 소개합니다.
HTML 화면을 사용하는 클라이언트의 종단 간 예제를 보려면 연습: 모바일 사용자를 위한 LightSwitch 클라이언트 만들기를 참조하십시오.
HTML 클라이언트
하나 이상의 HTML 클라이언트를 기존 LightSwitch 응용 프로그램에 추가하거나 HTML 클라이언트만 포함하는 LightSwitch 응용 프로그램을 만들 수 있습니다. 각 HTML 클라이언트는 LightSwitch 솔루션 내의 자체 프로젝트에 포함되어 있습니다.
화면 템플릿
시작하려면 다음의 화면 템플릿 중 하나를 사용하여 화면을 만듭니다.
공통 화면 세트
찾아보기 화면
세부 정보 화면 보기
세부 정보 화면 추가/편집
템플릿을 선택하는 방법은 LightSwitch 응용 프로그램의 HTML 클라이언트를 위한 화면 형식 선택을 참조하십시오.
이러한 템플릿을 찾는 방법은 방법: HTML 클라이언트 화면 만들기를 참조하십시오.
화면 디자이너
화면 디자이너를 사용하여 화면의 디자인을 수정할 수 있습니다. 화면 디자이너는 데이터 필드와 명령과 같은 항목 및 데이터의 계층적 표현인 화면 콘텐츠 트리를 표시합니다. 항목을 화면 콘텐츠 트리에 끌어 놓고 원하는 순서로 배열할 수 있습니다.
화면 디자이너에 대한 자세한 내용은 화면 디자이너 둘러보기를 참조하십시오.
화면 디자이너에서 특정 작업을 수행하는 방법에 대한 자세한 정보는 방법: 화면 디자이너를 사용하여 HTML 화면 디자인을 참조하십시오.
화면 디자인 작업
화면의 디자인을 수정하려면 다음 작업을 수행해 보십시오.
화면 모양 수정
화면에 필드 및 명령 추가
화면에 나타나는 데이터를 필터링
화면에 데이터 추가
화면 간 탐색 사용자 지정
코드를 사용하여 화면 수정
화면 모양 수정
데이터를 화면에 표시하는 방식을 수정할 수 있습니다. 예를 들어, 단순 목록 또는 바둑판식 목록으로 표시할 정보의 컬렉션을 구성할 수 있습니다. 필드 표시 순서 또는 그룹 필드를 함께 변경할 수 있습니다.
자세한 내용은 방법: 화면 디자이너를 사용하여 HTML 화면 디자인을 참조하십시오.
화면에 필드 및 명령 추가
LightSwitch의 HTML 화면에서는 사용자가 데이터를 확인, 업데이트, 삭제 또는 저장할 수 있는 명령을 기본 제공합니다. 또한 사용자 지정 명령 및 필드를 추가할 수 있습니다.
화면에 비즈니스 논리를 추가하려면 사용자 지정 명령을 추가합니다. 예를 들어, 사용자가 판매 주문 볼륨을 기준으로 고객 목록을 표시할 수 있도록 단추를 추가할 수 있습니다. 자세한 내용은 방법: LightSwitch용 모바일 클라이언트에 단추 추가을 참조하십시오.
정보를 수집 또는 표시하려면 사용자 지정 로컬 속성 필드를 추가할 수 있습니다. 예를 들어, 판매 볼륨 단추 옆에 텍스트 상자를 추가해서 사용자가 얼마나 많은 고객을 목록에 표시할지 지정할 수 있습니다. 자세한 내용은 방법: HTML 화면에 로컬 속성 추가을 참조하십시오.
화면에 사용자 지정 컨트롤 추가
사용자 지정 컨트롤을 HTML 화면에 추가하여 LightSwitch에 기본 제공되는 컨트롤의 기능보다 뛰어난 방법으로 정보를 표시하거나 수집할 수 있습니다. 사용자 지정 컨트롤을 사용하여 화면에 표시되는 기본 제공 LightSwitch 컨트롤을 대체할 수도 있습니다. 자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
화면에 나타나는 데이터를 필터링
화면 쿼리 조건을 수정하여 화면에 나타나는 데이터를 필터링할 수 있습니다.
디자이너의 왼쪽 창에 표시되는 데이터의 모든 그룹은 쿼리를 기준으로 합니다. 화면에는 이러한 쿼리가 반환한 정보만 표시됩니다. 데이터 그룹에 대해 나타나는 정보를 변경하려면 해당 쿼리를 수정합니다.
자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 클라이언트에서 데이터 필터링을 참조하십시오.
화면에 데이터 추가
화면에 다른 종류의 데이터를 추가할 수 있습니다. 예를 들어, 고객을 표시하는 화면에서 주문 목록을 표시하는 데이터 그리드를 추가할 수 있습니다. 자세한 내용은 방법: 화면에 데이터 추가을 참조하십시오.
화면 간 탐색 사용자 지정
HTML 클라이언트에서는 항상 하나의 화면만 활성화됩니다. 사용자가 다른 화면에서 한 화면을 여는 방법을 지정하고 화면이 비활성화될 때 발생하는 동작을 지정할 수 있습니다.
자세한 내용은 방법: LightSwitch 응용 프로그램에서 HTML 화면 간 탐색 제어을 참조하십시오.
코드를 사용하여 화면 수정
LightSwitch에서 호출하는 부분 메서드에 코드를 추가하면 특정 이벤트가 런타임에 발생할 경우 화면이 적절하게 수정됩니다. 예를 들어, 응용 프로그램의 사용자에게 익명으로 보이게 할 회사의 이름을 숨기는 코드를 추가할 수 있습니다. 이 코드는 고객의 회사 이름을 검사하고 일치하는 항목을 찾으면 정보가 화면에 나타나기 전에 CompanyName 필드의 IsVisible 속성을 False로 설정합니다.
코드 작성에 대한 자세한 내용은 방법: LightSwitch 응용 프로그램용 모바일 클라이언트에서 화면 이벤트 처리를 참조하십시오.
화면을 수정하는 코드를 추가하는 방법에 대한 자세한 내용은 방법: 코드를 사용하여 HTML 화면 수정을 참조하십시오.
LightSwitch HTML 클라이언트 API 목록은 HTML 클라이언트 API 참조를 참조하세요.
관련 항목
제목 |
설명 |
|---|---|
화면을 만들기 위한 시작 단계로 사용할 수 있는 템플릿에 대해 설명합니다. |
|
응용 프로그램에 화면을 추가하는 방법을 보여줍니다. |
|
디자이너의 각 부분과 그 기능을 보여줍니다. |
|
화면 디자이너를 사용하는 방법을 보여줍니다. |
|
화면에 사용자 지정 로컬 속성 필드를 추가하는 방법을 보여줍니다. |
|
화면에서 사용자 지정 코드를 실행하는 단추 또는 링크를 추가하는 방법을 보여줍니다. |
|
LightSwitch 화면에서 사용자 지정 HTML 컨트롤을 사용하는 방법을 보여줍니다. |
|
다른 쿼리의 데이터를 화면에 추가하는 방법을 보여줍니다. |
|
방법: HTML 화면에서 데이터 필터링 |
화면에 표시할 데이터를 제어하는 쿼리를 사용하는 방법을 보여줍니다. |
특정 이벤트가 발생할 경우 실행되는 코드를 작성하여 응용 프로그램을 사용자 지정하는 방법에 대해 설명합니다. |
|
코드를 사용하여 컨트롤을 수정하고 화면의 항목과 상호 작용하는 방법을 설명합니다. |
|
화면 멤버 목록 및 화면 디자이너의 화면 콘텐츠 트리에 표시되는 항목의 속성을 설명합니다. 속성 값을 설정하는 속성 창을 사용하여 항목의 모양 및 동작을 수정할 수 있습니다. |
|
LightSwitch 응용 프로그램의 HTML 클라이언트에 대한 화면 탐색 모델에 대해 설명합니다. |