레거시 플랫폼

위젯 추가

화면에 여러 위젯을 추가할 수 있습니다. 위젯을 추가할 때 필요에 따라 위젯을 재배열할 수도 있습니다.

프로시저

  1. 스털링 Store Engagement 로그인합니다. 홈 페이지가 열립니다.
  2. 애플리케이션 헤더에서 개발 도구 아이콘 화면 또는 패널 사용자 정의 을 클릭하고 목록에서 사용자 지정을 선택합니다.

    또는 아웃라인에서 사용자 정의를 선택할 수 있습니다. 확장할 화면 선택 창이 열립니다. 현재 화면에 있는 화면 목록이 표시됩니다. 예를 들어, 오더 검색 화면을 열면 트리에 오더 검색, 오더 목록 화면 및 이 화면에 있는 기타 항목이 표시됩니다.

    트리에서 사용자 정의할 화면을 선택하고 화면 확장을 클릭하십시오.
    참고:
    • 선택한 화면을 사용자 정의할 수 없는 경우 적절한 메시지가 표시됩니다.
    • PDF 컨테이너 인쇄 화면과 같은 iframe을 포함하는 화면을 사용자 정의하기 위해 사용자 정의 옵션을 사용할 수 없습니다.
    • 동일한 화면의 여러 인스턴스가 발견되면 기본적으로 화면의 첫 번째 인스턴스가 사용자 정의를 위해 선택됩니다.
  3. 위젯을 추가할 화면을 선택하십시오.
    참고:
    • 확장을 추가할 특정 화면을 선택한 후에는 다른 화면을 선택할 수 없습니다. 다른 화면을 선택하려면 닫기를 클릭하십시오.
    • 선택한 화면에 확장을 적용할 수 없는 경우 적절한 메시지가 표시됩니다.
  4. 필요한 경우 레이아웃 탭을 클릭하십시오.

    기본적으로 레이아웃 탭이 선택되어 있습니다.

  5. 위젯 팔레트 패널에서 위젯을 선택하여 화면 아웃라인 패널로 끌어오고 위젯을 적절한 위치에 배치하십시오. < 선택한 위젯>: 기본 특성 창이 열립니다.
    참고: 선택한 위젯의 위치를 지정하는 동안 녹색은 위젯을 선택한 위치에 배치할 수 있음을 나타냅니다. 빨간색은 위젯을 선택한 위치에 배치할 수 없음을 표시합니다. 위젯 앞, 뒤 또는 위젯 내에 선택한 위젯을 배치하여 위젯을 재배열할 수도 있습니다.
  6. 고유 ID 필드에 위젯의 고유 ID를 입력하십시오.
  7. 화면에 여러 위젯을 추가하는 경우 적용 을 클릭하여 변경사항을 보십시오.

    사용자 정의 중에 오류가 발생하면 오류 로그가 문제점 탭에 표시됩니다. 경고 메시지를 보려면 문제점 탭을 클릭하십시오.

    다음 표에서는 필수 및 최소 위젯 특성을 제공합니다.
    테이블 1. 위젯 속성 및 설명

    다음 표에서는 필수 및 최소 위젯 특성을 제공합니다.
    위젯 특성 메타데이터 이름 설명
    편집 가능한 위젯
    선택란
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블입니다.
    선택 값 CheckedValue 바인딩 탭에 표시됩니다. 선택할 때 선택란에 의해 채워지는 값이 표시됩니다.
    선택 취소 값 UncheckedValue 바인딩 탭에 표시됩니다. 선택 취소 시 선택란에 의해 채워지는 값이 표시됩니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    선택란 목록
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다. 모든 위젯에 대한 소스 바인딩을 추가하는 것이 좋습니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다. 모든 위젯에 대한 대상 바인딩을 추가하는 것이 좋습니다.
    옵션 OptionsBinding 바인딩 탭에 표시됩니다. 데이터의 모든 선택란을 표시합니다.
    날짜 텍스트 상자
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    필터링 선택
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    옵션 OptionsBinding 바인딩 탭에 표시됩니다. 위젯에 적용 가능한 모든 옵션을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    숫자 텍스트 상자
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다. 모든 위젯에 대한 소스 바인딩을 추가하는 것이 좋습니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다. 모든 위젯에 대한 대상 바인딩을 추가하는 것이 좋습니다.
    라디오 단추 세트
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    옵션 OptionsBinding 바인딩 탭에 표시됩니다. 위젯에 적용 가능한 모든 단일 선택 단추를 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    텍스트 영역
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    텍스트 상자
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    통화 텍스트 상자
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    통화 CurrencyBinding 통화 기호를 표시합니다.
    편집할 수 없는 위젯
    단추
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    onclick 이벤트 적용할 수 없습니다. 이벤트 탭에 표시됩니다. 이 이벤트는 화면에서 임의의 단추를 클릭하여 호출됩니다.
    데이터 레이블
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    소스 SourceBinding 바인딩 탭에 표시됩니다. 레이블을 표시합니다.
    주: 레이블 속성을 사용하지 마십시오.
    필드 레이블 레이블 위젯의 레이블을 표시합니다.
    값 값 레이블의 표시 텍스트를 제공합니다.
    레이블
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    값 값 레이블의 표시 텍스트를 제공합니다.
    숨겨진 필드
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    소스 SourceBinding 화면에 데이터를 표시합니다. 모든 위젯에 대한 소스 바인딩을 추가하는 것이 좋습니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다. 모든 위젯에 대한 대상 바인딩을 추가하는 것이 좋습니다.
    이미지
    이미지 ImageBinding 바인딩 탭에 표시됩니다. 렌더링할 데이터의 이미지 세부사항을 제공합니다.
    링크
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    값 값 링크의 표시 텍스트를 제공합니다.
    소스 SourceBinding 바인딩 탭에 표시됩니다. 데이터의 링크에 대한 표시 텍스트를 제공합니다.
    onclick 이벤트 적용할 수 없습니다. 이벤트 탭에 표시됩니다. 이 이벤트는 링크를 클릭할 때 호출됩니다.
    컨테이너
    컨텐츠 분할창

    컨텐츠 분할창내에 하나 이상의 위젯을 추가하는 것이 좋습니다.
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    지원되는 레이아웃 적용할 수 없습니다. 테이블 레이아웃만 지원됩니다. 테이블 레이아웃은 추가 단추를 클릭하여 추가할 수 있습니다. 확장에 추가된 새 위젯에 대해 테이블 레이아웃을 추가할 수 있습니다. 테이블 레이아웃을 추가한 후에는 삭제할 수 없습니다.
    필드 제목 제목 탭 컨테이너내에 추가될 때 탭의 제목을 표시합니다.
    화면 ID 반복 repeatingscreenID 데이터를 기반으로 반복되는 화면의 ID입니다.
    화면 데이터 반복 적용할 수 없습니다. Repeating Screen ID 위젯 특성을 사용하여 지정된 화면을 채우는 바인딩 탭에 있습니다.
    테이블 레이아웃: 열 열 테이블 레이아웃의 열 수입니다.
    테이블 레이아웃: 반복 화면 ID repeatingscreenID 데이터를 기반으로 반복되는 화면의 ID입니다.
    테이블 레이아웃: 화면 데이터 반복 적용할 수 없습니다. Repeating Screen ID 위젯 특성을 사용하여 지정된 화면을 채우는 바인딩 탭에 있습니다.
    탭 컨테이너

    하나 이상의 컨텐츠 분할창 을 하위 위젯으로 추가하고 적절한 특성을 입력하십시오.
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    제목 창
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    필드 제목 제목 패널에 지정된 제목을 표시합니다.
    지원되는 레이아웃 적용할 수 없습니다. 테이블 레이아웃만 지원됩니다. 테이블 레이아웃은 추가 단추를 클릭하여 추가할 수 있습니다. 확장에 추가된 새 위젯에 대해 테이블 레이아웃을 추가할 수 있습니다. 테이블 레이아웃을 추가한 후에는 삭제할 수 없습니다.
    테이블 레이아웃: 열 열 테이블 레이아웃의 열 수입니다.
    테이블 레이아웃: 반복 화면 ID repeatingscreenID 데이터를 기반으로 반복되는 화면의 ID입니다.
    테이블 레이아웃: 화면 데이터 반복 적용할 수 없습니다. Repeating Screen ID 위젯 특성을 사용하여 지정된 화면을 채우는 바인딩 탭에 있습니다.
    특수 위젯
    화면 참조
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    packageName packageName 화면의 패키지 이름이며 필수입니다.
    className className 화면의 클래스 이름은 필수입니다.
    소스 맵핑 SourceMapping 상위 화면에서 데이터를 채우기 위한 전달 바인딩인 바인딩 탭에 있습니다.
    대상 맵핑 TargetMapping 데이터를 상위 화면으로 전송하는 데 사용되는 전달 바인딩인 바인딩 탭에 있습니다.
    초기화 처리 handleInit 화면 참조 내의 화면이 자동으로 초기화되는지 여부를 표시합니다. 이 위젯 내에서 사용자 정의 화면을 로드할 때 필요한 경우 값이 false로 설정되어 있는지 확인하십시오. 기본적으로, 값은 false로 설정됩니다.
    동적 로드 dynamicLoading 위젯의 컨텐츠가 사용자 정의 코드를 사용하여 로드되는지 여부를 표시합니다. 값이 true로 설정되면 위젯을 로드할 때 컨텐츠가 표시되지 않습니다. 위젯의 컨텐츠를 표시하려면 ControllerUtils.showChildScreen() 및 ScreenUtils.showChildScreen() 메소드를 사용하여 사용자 정의 코드를 작성해야 합니다.
    격자 기본적으로 하나의 GridColumn 이 추가됩니다. GridColumn, 편집하고 적절한 속성을 입력할 수 있습니다.
    고유 ID uId 필수: 위젯의 고유 식별자입니다. ID앞에 extn_를 붙이십시오.
    noDataMessage noDataMessage 데이터를 찾을 수 없는 경우 적절한 메시지를 표시합니다.
    모듈 적용할 수 없습니다. 모듈은 그리드의 단일 행 선택 또는 다중 행 선택과 같은 다른 동작 또는 기능을 제어합니다. 모듈에 대한 자세한 정보는 JavaScript 문서를 참조하십시오.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    그리드 열
    필드 필드 바인딩 탭에 표시됩니다. 열 데이터에 해당하는 열의 고유 속성입니다.
    소스 SourceBinding 화면에 데이터를 표시합니다.
    대상 TargetBinding 화면에서 매시업으로 데이터를 전송합니다.
    컬럼 이름 이름 열 헤더를 표시합니다.
    숨김 숨김 그리드에서 열을 숨깁니다.
    편집 가능 편집 가능 열을 편집 가능으로 표시하는 데 사용됩니다. 표도 편집 가능으로 표시되어 있는지 확인하십시오.
    편집기 유형 widgetType 셀이 편집 가능 모드에 있을 때 위젯 유형이 표시됩니다.
    편집기 프로퍼티 EditorProps 위젯 유형에 전달되는 특성입니다. 예를 들어, 필수로 표시하려면 특성이 required로 선택되었는지 확인하고 Boolean및 값 true을 입력하십시오.
  8. 모든 확장을 저장하려면 저장 을 클릭하십시오.
    참고: 확장을 저장한 후 애플리케이션을 새로 고치거나 다시 로드하는 것이 좋습니다.
  9. 닫기를 클릭하십시오.