SMART datagrid v1.4 > Examples

Back  Forward

Check Cell Renderer  Example

컬럼 설정 시 renderer type을 "check"로 지정하면 CheckCellRenderer 객체가 해당 컬럼 셀들을 그리게 된다. Check renderer는 check 마크와 텍스트를 같이 표시한다. 또, check 렌더러는 CheckCellRenderer.editabletrue로 지정하면, 마우스 클릭이나 space 키 입력으로 셀 값을 수정할 수 있는 편집 가능한 렌더러다. 

Check mark는 threeStatetrueundefined를 포함한 세가지 상태를, 아니면 false, true의 두 가지 상태를 표시한다. 표시 위치, 색상 등에 대해서는 CheckCellRenderer 도움말 토픽을 참조한다. 

아래 그리드에서 "필드1"은 threeStatestrue로 하고, space 키도 동작하게 했다. 컬럼의 editablefalse로 지정해서 셀 편집기가 표시되지 않도록 했다. 또, editOnClicktrue로 지정해서 포커스를 갖지 않은 셀이더라도 마우스를 클릭하자마자 값이 수정되도록 했다. space 키도 사용할 수 있도록 했다. 

"필드2"는 두가지 값으로만 표시하게 했고, 셀 편집기를 표시할 수 있도록 했다. GridStyles.shapeSize 값을 "130%"로 설정해서 check 마크를 좀 더 크게 표시했다. 

"필드4"는 애초에 BOOLEAN 필드이므로, trueValues, falseValues 속성을 지정하지 않았다. "필드3"과 "필드4"는 GridStyles.iconLocation 속성으로 check 마크의 위치를 변경했다. 

Grid - 1
rows

소스보기 JSP 

See Also
CheckCellRenderer