서비스 데이터 테이블
사용자가 서비스를 사용하여 채울 수 있는 반복 테이블을 작성하도록 허용합니다. 이는 변수에 바인드할 수 없습니다.
구성 특성
구성에서 보기의 모양, 동작, 열 및 성능 특성을 설정하거나 수정하십시오.- 화면 크기
- 특성 이름 옆에 화면 크기 아이콘
이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.
- 테마 정의
- 테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.
서비스 데이터 테이블 보기의
모양 구성 특성은 다음 테이블에 나와 있습니다.
| 모양 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 테이블 스타일 | 사용할 테이블 스타일을 설정합니다. | String |
| 색상 스타일 | 테이블의 색상 스타일을 설정합니다. | String |
| 선택사항 강조표시 | 선택한 상태의 행을 음영 처리합니다. 이 옵션을 사용하려면 None 이외의 색상 스타일을 지정해야 합니다. | Boolean |
| 너비 |
px, %, 또는 em 단위의 너비입니다(예: 50px, 20% 또는 0.4em). 단위가 지정되지 않으면 px를 사용합니다. | String |
| 높이 |
테이블의 높이(px 또는 em 단위)입니다(예: 50px 또는 0.4em). 표시되지 않은 경우 헤더 또는 푸터를 포함하지 않습니다. 단위가 지정되지 않으면 px를 사용합니다. | String |
서비스 데이터 테이블의 동작 구성 특성은
다음 표에 나와 있습니다.
| 동작 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 데이터 서비스 | 이 보기와 함께 사용할 Ajax 액세스가 포함된 서비스 플로우입니다. 서비스 플로우는 테이블에 데이터를 제공합니다. | Service Flow |
| 서비스 데이터 | 데이터 서비스의 입력 데이터. 해당 유형이 서비스의 입력 유형과 일치해야 합니다. | ANY |
| 빈 상태로 시작 | 처음에 테이블은 비어 있습니다. 새로 고치기 메소드를 사용하여 서비스를 실행하면 테이블을 채웁니다. | Boolean |
| 선택 모드 | 테이블 항목 선택 모드입니다. | String |
| 바닥글 표시 | 테이블 푸터를 표시합니다. | Boolean |
| 테이블 통계 표시 | 테이블 통계를 표시합니다(예: 59개 항목 중 1 - 5개 항목 표시). |
Boolean |
| 호출기 표시 | 페이지 지정을 사용합니다. | Boolean |
| 페이지 크기 조정기 표시 | 페이지당 표시할 행 수를 선택하려면 이 옵션을 사용합니다. | Boolean |
| 초기 페이지 크기 | 페이지당 표시할 최대 초기 항목 수입니다. | Integer |
서비스 데이터 테이블의 열 구성 특성은
다음 표에 나와 있습니다.
| 열 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| dataElementName | 열에 대해 표시할 데이터 요소의 이름입니다. | String |
| renderAs | 셀 렌더링 방식을 선택합니다. | String |
| 가시성 | 열의 가시성입니다. | String |
| 정렬 가능 | 이 옵션을 사용하면 사용자는 이 열을 사용하여 테이블을 정렬할 수 있습니다. | Boolean |
| options | 열의 데이터 유형에 따라 셀에 전달할 선택적 데이터: Decimal: thousandsSeparator, decimalPlaces, decimalSeparator, postfix, prefix - DatePicker: datePattern - Link: href - Integer: thousandSeparator. | String |
| css | 열에 추가할 CSS 옵션(예: color:#00ff00). | String |
| 너비 | 열 너비입니다. | String |
| 레이블 | 열 레이블을 설정합니다. | String |
서비스 데이터 테이블의 성능 구성 특성은
다음 표에 나와 있습니다.
| 성능 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 비동기 로드 | 대형 데이터 세트의 향상된 UI 환경을 제공합니다(섹션이 로드를 시작하면 전체 행 로드 시간이 느려지는 단점이 있음). | Boolean |
| 비동기 일괄처리 크기 | 비동기 일괄처리에서 동기적으로 로드되는 행 수를 정의합니다. 이 옵션은 비동기 로드 성능과 비교했을 때 동기 성능을 최적화하는 데 도움을 줄 수 있습니다. | ANY |
이벤트
이벤트 특성에서 보기에 대한 이벤트 핸들러를 설정하거나 수정하십시오. 사용자가 보기로 상호작용할 때 또는 프로그래밍 방식으로 트리거되도록 이벤트를 설정할 수 있습니다. 이벤트를 정의하고 코딩하는 방법에 대한 정보는 사용자 정의 이벤트를 참조하십시오.사용자가 서비스 데이터 테이블 보기와 상호작용하지 않지만, 대신 사용자에게 서비스 플로우 호출에서 결과 또는 오류가 수신되면 이벤트가 활성화됩니다.
서비스 데이터 테이블 보기에는 다음 유형의 이벤트 핸들러가 있습니다.- On load: 테이블이 로드될 때 활성화됩니다. 예를 들면, 다음과 같습니다.
me.setPageIndex(0); - On service data loaded: 테이블에 데이터를 제공하는 Ajax 액세스를 사용하는 서비스 플로우가 성공적으로 완료되면 활성화됩니다. 예를 들어, 다음과 같습니다.
alert("service flow has returned with data"); - On service data error: 테이블에 데이터를 제공하는 Ajax 액세스를 사용하는 서비스 플로우가 성공적으로 완료되면 활성화됩니다. 예를 들어, 다음과 같습니다.
alert("service flow has returned with an error"); - On custom cell: 열 섹션에서 렌더링 구성 값이 Custom 로 설정된 경우 사용자 정의 렌더링 옵션을 사용하여 셀을 로드할 때 활성화됩니다. 예를 들어, 다음과 같습니다.
var div = document.createElement("div"); div.innerHTML =cell.row.data[cell.varName]; return div; - On rows loaded: 페이징된 테이블에 대해서만 적용 가능합니다. 이 이벤트는 행이 표시될 때만 활성화됩니다. 예를 들어, 다음과 같습니다.
alert("All rows have " + (all ? "" : "NOT") + " been loaded"); - On rows selected: 사용자가 행을 선택하면 활성화됩니다. 예를 들어, 다음과 같습니다.
alert("Selected row has index " + row.index); - On page sizer change: 사용자가 페이지당 입력 필드의 값을 변경하면 활성화됩니다. 예를 들어,
me.showPager(true);
메소드
서비스 데이터 테이블의 사용 가능한 메소드에 대한 자세한 정보는 서비스 데이터 테이블 JavaScript API 를 참조하십시오.
추가 자원
Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성및 HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.