LightSwitch 응용 프로그램용 HTML 클라이언트 화면
사용 하 여 Microsoft LightSwitch for Visual Studio Update 2, 모바일 장치에서 표시 하기 위해 최적화 된 화면 HTML 클라이언트를 만들 수 있습니다.이 항목에는 html5에서 디자인 화면 및 LightSwitch 응용 프로그램에 대 한 최상의 스크린 디자인을 수행할 수 있는 작업 중 일부를 사용할 수 있는 도구를 기반으로 하는 화면을 만드는 데 사용할 수 있는 템플릿을 소개 합니다.
HTML 화면을 이용 하는 클라이언트는 엔드-투-엔드 예제를 보려면 연습: 모바일 사용자를 위한 LightSwitch 클라이언트 만들기.
HTML 클라이언트
기존 HTML 클라이언트를 하나 이상 추가할 수 있습니다 LightSwitch 응용 프로그램을 만들 수 있는 Microsoft LightSwitch for Visual Studio Update 2 HTML 클라이언트를 포함 하는 응용 프로그램.각 HTML 클라이언트 자체 내에서 프로젝트에 포함 되어 있는 LightSwitch 솔루션입니다.
[!참고]
추가 하는 경우는 HTML 클라이언트 프로젝트는 LightSwitch 솔루션,이 업그레이드를 Microsoft LightSwitch for Visual Studio Update 2.솔루션의 파일 구조를 수정 하 고 더 이상 갖고 있지 않은 컴퓨터에서 솔루션을 열 수 Microsoft LightSwitch for Visual Studio Update 2 설치 합니다.
자세한 내용은 방법: HTML 클라이언트 프로젝트 만들기 또는 추가을 참조하십시오.
화면 템플릿
시작하려면 다음의 화면 템플릿 중 하나를 사용하여 화면을 만듭니다.
화면 탐색
보기 세부 정보 화면
추가 편집 정보 화면
템플릿을 선택하는 방법은 LightSwitch 응용 프로그램의 HTML 클라이언트를 위한 화면 형식 선택을 참조하십시오.
이러한 템플릿을 찾는 방법에 대한 내용은 방법: HTML 클라이언트 화면 만들기을 참조하십시오.
화면 디자이너
화면 디자이너를 사용 하 여 스크린의 디자인을 수정할 수 있습니다.화면 디자이너는 데이터 필드와 명령과 같은 항목 및 데이터의 계층적 표현인 화면 콘텐츠 트리를 표시합니다.항목을 화면 콘텐츠 트리에 끌어 놓고 원하는 순서로 배열할 수 있습니다.
화면 디자이너에 대한 자세한 내용은 화면 디자이너 둘러보기를 참조하십시오.
화면 디자이너에서 특정 작업을 수행 하는 방법에 대 한 자세한 내용은 방법: 화면 디자이너를 사용하여 HTML 화면 디자인.
화면 디자인 작업
화면의 디자인을 수정하려면 다음 작업을 수행해 보십시오.
화면 모양 수정
화면에 필드 및 명령 추가
화면에 나타나는 데이터를 필터링
화면에 데이터 추가
화면 간 탐색 사용자 지정
코드를 사용하여 화면 수정
.gif "JJ674623.collapse_all(ko-kr,VS.110).gif")
화면 모양 수정
데이터를 화면에 표시하는 방식을 수정할 수 있습니다.예를 들어, 컬렉션의 단순 목록 또는 바둑판식으로 배열 된 목록으로 표시 되는 정보를 구성할 수 있습니다.필드 표시 또는 필드를 함께 그룹화 하는 순서를 변경할 수 있습니다.
자세한 내용은 방법: 화면 디자이너를 사용하여 HTML 화면 디자인을 참조하십시오.
화면에 필드 및 명령 추가
HTML 화면 Lightswitch에서 사용자 보기를 업데이트, 삭제 또는 데이터를 저장할 수 있도록 기본 제공 명령을 제공 합니다.또한 사용자 지정 명령 및 필드를 추가할 수 있습니다.
화면에 비즈니스 논리를 추가 하려는 경우 사용자 지정 명령을 추가 합니다.예를 들어, 사용자가 판매 주문 볼륨을 기반으로 고객 목록을 표시할 수 있도록 단추를 추가할 수 있습니다.자세한 내용은 방법: LightSwitch용 모바일 클라이언트에 단추 추가을 참조하십시오.
정보를 수집 또는 표시하려면 사용자 지정 로컬 속성 필드를 추가할 수 있습니다.예를 들어, 판매 볼륨 단추 옆에 입력란을 추가해서 사용자가 얼마나 많은 고객을 목록에 표시할지를 지정할 수 있게 할 수 있습니다.자세한 내용은 방법: HTML 화면에 로컬 속성 추가을 참조하십시오.
화면에 사용자 지정 컨트롤 추가
HTML 화면에 사용자 지정 컨트롤을 추가 하 여 표시 하거나 Lightswitch에 내장 된 컨트롤의 기능을 넘어 이동 하는 방법으로 정보를 수집할 수 있습니다.모든 기본 제공을 대체 하는 사용자 지정 컨트롤을 사용할 수 있습니다 LightSwitch 화면에 표시 되는 컨트롤입니다.자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
화면에 나타나는 데이터를 필터링
화면 쿼리 조건을 수정하여 화면에 나타나는 데이터를 필터링할 수 있습니다.
디자이너의 왼쪽 창에 표시되는 모든 데이터 그룹은 쿼리를 기준으로 합니다.이러한 쿼리에 의해 반환 된 정보만 화면을 표시 합니다.데이터 그룹에 대해 표시 되는 정보를 변경 하려면 해당 쿼리를 수정 합니다.
자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 클라이언트에서 데이터 필터링을 참조하십시오.
화면에 데이터 추가
화면에 다른 종류의 데이터를 추가할 수 있습니다.예를 들어, 고객을 표시하는 화면에서 주문 목록을 보여주는 데이터 표를 추가할 수 있습니다.자세한 내용은 방법: 화면에 데이터 추가을 참조하십시오.
화면 간 탐색 사용자 지정
HTML 클라이언트에 언제 든 지 하나의 화면이 활성화 됩니다.어떻게 사용자가 한 화면에서 다른 열립니다 및 스크린 비활성화 될 때 수행 되는 작업을 지정할 수 있습니다.
자세한 내용은 방법: LightSwitch 응용 프로그램에서 HTML 화면 간 탐색 제어을 참조하십시오.
코드를 사용하여 화면 수정
부분 메서드에 코드를 추가할 수 있는 LightSwitch 런타임에 특정 이벤트가 발생할 때 적절 하 게 화면 수정 되도록 호출.예를 들어, 응용 프로그램의 사용자에게 익명으로 보이게 할 회사의 이름을 숨기는 코드를 추가할 수 있습니다.이 코드 고객의 회사 이름을 확인 하 고 일치 하는 항목을 찾으면 설정의 IsVisible 속성은 CompanyName 필드를 False 정보 화면에 표시 되기 전에.
코드를 작성 하는 위치에 대 한 자세한 내용은 방법: LightSwitch 응용 프로그램용 모바일 클라이언트에서 화면 이벤트 처리.
화면을 수정하는 코드를 추가하는 방법에 대한 자세한 내용은 How to: Modify an HTML Screen by Using Code를 참조하십시오.
관련 항목
제목 |
설명 |
|---|---|
화면을 만들기 위한 시작 단계로 사용할 수 있는 템플릿에 대해 설명합니다. |
|
응용 프로그램에 화면을 추가하는 방법을 보여 줍니다. |
|
디자이너의 각 부분과 그 기능을 보여 줍니다. |
|
화면 디자이너를 사용하는 방법을 보여 줍니다. |
|
화면에는 사용자 지정 로컬 속성 필드를 추가 하는 방법을 보여 줍니다. |
|
단추 또는 화면에 사용자 지정 코드를 실행 하는 링크를 추가 하는 방법을 보여 줍니다. |
|
사용자 지정 HTML 컨트롤을 사용 하는 방법을 보여 줍니다 있는 LightSwitch 화면입니다. |
|
다른 쿼리의 데이터를 화면에 추가하는 방법을 보여 줍니다. |
|
방법: HTML 화면에서 데이터 필터링 |
화면에 표시할 데이터를 제어하는 쿼리를 사용하는 방법을 보여 줍니다. |
특정 이벤트가 발생할 때 실행 되는 코드를 작성 하 여 응용 프로그램을 사용자 지정 하는 방법을 설명 합니다. |
|
코드를 사용하여 컨트롤을 수정하고 화면의 항목과 상호 작용하는 방법을 설명합니다. |
|
화면 구성원 목록 및 화면 디자이너의 화면 콘텐츠 트리에 표시되는 항목의 속성을 설명합니다.속성 값을 설정하는 속성 창을 사용하여 항목의 모양 및 동작을 수정할 수 있습니다. |
|
화면 탐색 모델 LightSwitch 응용 프로그램의 HTML 클라이언트에 대해 설명합니다. |