셀의 좌측에 원하는 아이콘 이미지, 체크박스 혹은 버튼을 표시하는 기능입니다.



1. 주요 특징

  • Text, Int 등의 타입 열(Column) 좌측에 버튼을 표시하려면 Icon 속성을 설정합니다.
  • Icon 속성을 통해 셀 좌측에 버튼을 표시할 수 있습니다.
  • 좌측 버튼을 클릭시 onIconClick 이벤트가 발생합니다.
  • Icon속성 값이  "Check"나 "Clear" 인 경우에는 onIconClick 이벤트가 발생하지 않습니다.
  • Icon의 위치는 IconAlign속성을 통해 변경 할 수 있습니다.
  • 좌측 버튼 영역에 대한 너비는 IconWidth 속성을 통해 설정할 수 있습니다.
  • "Icon" : "Check" 의 check/uncheck 값은 Checked 속성으로 확인 가능 합니다.
  • json Event OnClickSide  사용할 수 있습니다.


다음 예제를 참고해 주세요.


//열(Column) 생성 부
initSheet.Cols = [
  {"Header": "버튼1","Type": "Text","Name": "btn1","Width": 120, Icon:"Check"},
  {"Header": "버튼2","Type": "Int","Name": "btn2","Width": 100, Icon:"Clear"},
  {"Header": "버튼3","Type": "Text","Name": "btn3","Width": 120, Icon: plus_icon},   
];

//데이터 참고
data = [
  {btn1:"SM8201", btn2:98001,btn3:"XZ2482"},
  {btn1:"KC3942",btn2:12345,btn3:"ZIO5621"},
  {btn1:"MT1020",btn2:0,btn3:"KI7291",btn3Icon: minus_icon},
  {btn1:"JX888", btn2:-3921,btn3:"",btn3Icon: minus_icon},
];

좌측 버튼 예제