인디케이터(Indicator)는 그리드의 가장 왼쪽에 위치한 수직 영역으로 데이터의 행 번호등을 표시하기 위한 용도로 사용 할 수 있습니다.
인디케이터의 설정을 변경하는 것은 setIndicator()를 사용 합니다. 현재 설정된 상태를 확인하는 것은 getIndicator()을 사용 합니다.
visible
표시하지 않음
1 2 3 gridView.setIndicator({ visible: false });
1 2 3
gridView.setIndicator({ visible: false });
표시
1 2 3 gridView.setIndicator({ visible: true });
gridView.setIndicator({ visible: true });
none
index
row
1 2 3 gridView.setIndicator({ displayValue: "none" });
gridView.setIndicator({ displayValue: "none" });
순번으로 표시
1 2 3 gridView.setIndicator({ displayValue: "index" });
gridView.setIndicator({ displayValue: "index" });
Row의 고유번호로 표시
1 2 3 gridView.setIndicator({ displayValue: "row" });
gridView.setIndicator({ displayValue: "row" });
기본적으로 인디케이터에 표시되는 값은 1부터 시작합니다. 이 값을 0부터 시작하고자 할때 zeroBase 속성을 True로 설정합니다.
zeroBase
0부터 시작
1 2 3 gridView.setIndicator({ zeroBase: true });
gridView.setIndicator({ zeroBase: true });
1부터 시작
1 2 3 gridView.setIndicator({ zeroBase: false });
gridView.setIndicator({ zeroBase: false });
(Only JS Support)
인디케이터의 헤드와 풋 영역에 글자나 이미지를 표시할 수 있습니다.
headText
footText
headImageUrl
footImageUrl
Text 표시
1 2 3 4 5 6 gridView.setIndicator({ headText: "head", footText: "foot", headImageUrl: null, footImageUrl: null });
1 2 3 4 5 6
gridView.setIndicator({ headText: "head", footText: "foot", headImageUrl: null, footImageUrl: null });
Image 표시
1 2 3 4 5 6 gridView.setIndicator({ headText: null, footText: null, headImageUrl: "/resource/image/common/dot_arrow2_top.gif", footImageUrl: "/resource/image/common/dot_arrow2_bottom.gif" });
gridView.setIndicator({ headText: null, footText: null, headImageUrl: "/resource/image/common/dot_arrow2_top.gif", footImageUrl: "/resource/image/common/dot_arrow2_bottom.gif" });
