아래와 같은 데이터가 있다면

{code: 1, name :홍길동}
{code: 2, name :홍길동}
{code: 3, name :삼돌이}
{code: 4, name :사돌이} 

code 기준으로 그룹시 그룹네임이 

1

2

3

4

로 지정됩니다.

원하는 그룹은

홍길동(1)

홍길동(2) 

삼돌이(3) 

사돌이(4) 

지만, Name 으로 그룹시

홍길동(1)

         (2)

삼돌이(3)

사돌이(4) 처럼 Name 이 같지만 코드가 다른 데이터는 그룹이 될것입니다.

Code 로 그룹을 하고 Name 으로 표시를 하고싶습니다. 

안녕하세요 그레이프시티입니다.

해당 기능의 구현하기 위해서 셀 요소가 생성될 때 발생하는 formatItem 이벤트를 이용하시면 됩니다. 먼저 해당 이벤트 내에서 그룹 행에 하위 행이 있는지 여부를 가져오는 GroupRow의 hasChildren 속성을 이용하여 그룹 헤더인지 판별해줍니다. 그 다음 축소/확대 버튼을 삭제하지 않고 텍스트만 변경하기 위해서 셀의 childNodes 중 text에 접근합니다. 마지막으로 그룹행의 하위 항목 중 변경하고 싶은 이름을 가져온 뒤, 할당하시면 됩니다. 

자세한 코드는 아래 샘플에서 확인하실 수 있습니다.

다만, 추가적으로 동일 Code 아래 다른 Name이 들어가는 경우가 발생할 수 있으니 그룹을 2개로 설정하는 방법도 고려해보시기 바랍니다.

- formatItem

- hasChildren

API 문서도 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다.

그레이프시티 드림