포함된 매쉬업 만들기
반응형 매쉬업을 기반으로 하는 응용 프로그램을 작성할 때는 전체 응용 프로그램을 더 작은 재사용 가능 구성 요소로 분할하는 것이 좋습니다. 재사용 가능 구성 요소는 다양한 사용 사례에 사용할 수 있는 위젯 그룹입니다. 포함된 매쉬업 위젯을 사용하여 레이아웃의 컨테이너에 매쉬업을 추가할 수 있습니다. 재사용 가능 매쉬업을 사용하면 다음 작업을 수행할 수 있습니다.
• 상위 매쉬업에 더 적은 수의 바인딩이 있는 단순한 매쉬업 구조를 만듭니다. 이렇게 하면 응용 프로그램의 문제를 더 쉽게 해결할 수 있습니다.
• 여러 개발자가 동일한 응용 프로그램에서 작업할 수 있도록 매쉬업을 여러 섹션으로 분할합니다.
• 단순한 매쉬업을 재사용하여 복잡한 매쉬업을 더 빠르게 빌드합니다.
자세한 내용은
포함된 매쉬업 위젯을 참조하십시오.
상위 매쉬업 내에 포함된 매쉬업을 구성할 수 있습니다. 예를 들어, ThingWorx 내에서 감사 데이터를 질의하는 데 사용되는 매쉬업 응용 프로그램이 있다고 가정해 보겠습니다. 단일 매쉬업을 만드는 대신 응용 프로그램을 여러 개의 매쉬업으로 분할하고 재사용 가능 구성 요소를 사용하여 빌드할 수 있습니다.
• 위쪽 섹션에는 탐색 옵션, 버튼 및 검색을 위한 입력 위젯이 포함되어 있습니다.
• 검색 섹션에는 질의 서비스에서 반환된 데이터가 포함되고 그리드에 표시됩니다.
• 시각화 섹션에는 그리드의 데이터가 다양한 차트에 표시됩니다.
포함된 매쉬업 추가
1. 기존 매쉬업을 열고 편집하거나 새 매쉬업을 만듭니다.
2. 레이아웃 패널에서 상위 매쉬업에 컨테이너를 추가합니다.
3. 위젯 패널의 포함된 매쉬업 위젯을 컨테이너에 끌어 놓습니다.
4. 다음 방법 중 하나로 위젯에 대해 표시할 매쉬업을 선택합니다.
◦ 속성 패널에서 Name 속성에 대한 매쉬업을 선택합니다.
◦ 매쉬업 패널의 매쉬업을 캔버스의 위젯에 끌어 놓습니다.
5. 저장을 클릭한 다음 매쉬업 보기를 클릭합니다. 포함된 매쉬업이 실행 시간에 현재 매쉬업에 표시됩니다.
포함된 매쉬업을 추가한 후 매쉬업 매개 변수를 사용하여 포함된 매쉬업에 및 포함된 매쉬업에서 데이터 및 이벤트를 바인딩할 수 있습니다. 자세한 내용은
매쉬업 매개 변수 구성을 참조하십시오.
포함된 매쉬업 레이아웃 구성
포함된 매쉬업을 레이아웃에 추가하는 경우 위젯 컨테이너의 치수에 따라 매쉬업이 표시됩니다. 포함된 매쉬업의 치수가 컨테이너의 사용 가능한 공간을 초과하면 스크롤 막대가 표시됩니다. 따라서 포함된 매쉬업이 여러 개 있는 경우 유용성 문제가 발생할 수 있습니다. 하나 이상의 포함된 매쉬업이 컨테이너의 사용 가능한 공간을 초과할 경우 상위 매쉬업에 여러 개의 스크롤 막대가 표시될 수 있습니다. 포함된 매쉬업의 콘텐츠에 맞게 컨테이너를 확장할 수 있습니다. 컨테이너를 확장하고 전체 콘텐츠를 포함된 매쉬업 내에 표시하려면 포함된 매쉬업 위젯의 ResizeToContent 속성을 사용하십시오.
상위 매쉬업의 컨테이너를 확장하려면 다음 단계를 수행하십시오.
1. 포함된 매쉬업 위젯이 있는 상위 매쉬업을 엽니다.
2. 탐색기 패널에서 포함된 매쉬업 위젯이 있는 컨테이너를 선택합니다.
3. 레이아웃 패널의 고급에서 수축 비율 상자를 0으로 설정합니다.
4. 레이아웃의 다른 컨테이너에 대해 이전 단계를 반복합니다. 이렇게 하면 포함된 매쉬업 컨테이너가 레이아웃에서 사용 가능한 공간을 모두 차지하지 않습니다.
속성을 활성화하면 포함된 매쉬업의 컨테이너가 레이아웃 방향에 따라 세로로 또는 가로로 늘어납니다. 이 속성은 포함된 매쉬업에 고정 크기의 구성 요소가 있는 경우에만 매쉬업에 영향을 줍니다. 예를 들어, 정적 컨테이너, 매쉬업 또는 비반응형 위젯이 있습니다. 상위 컨테이너의 콘텐츠를 확장하려면 포함된 매쉬업의 높이가 정의되어 있어야 합니다. 예를 들어, 고급 그리드 위젯은 컨테이너의 사용 가능한 공간을 사용하는 반응형 위젯입니다. 더 많은 행을 포함할 수 있도록 위젯이 커질 경우 포함된 매쉬업의 상위 컨테이너 크기는 동일하게 유지됩니다. 상위 컨테이너를 확장하려면 매쉬업, 컨테이너 또는 위젯에 대해 고정 크기를 지정하십시오.