셀의 좌측에 원하는 아이콘 이미지,체크박스 혹은 버튼을 표시하는 기능입니다.
셀의 우측에 버튼을 표시하는 Button 속성과 유사한 기능입니다.
열의 타입이Button
인 경우에는 사용하실 수 없습니다.
[그림1]
[그림2]
string
Value | Description |
---|---|
Clear |
셀 좌측에 셀 내용을 지우기 위한 버튼이 표시됩니다. |
Date |
셀 좌측에 달력 아이콘을 보여줍니다. 열의 타입이 "Date"인 경우에만 클릭시 달력이 표시됩니다.[그림2] 참고 |
Check |
셀 좌측에 체크박스를 표시합니다. |
공백 |
원래 보여져야 하는 Icon 이미지를 감춥니다. |
기타 |
이미지 파일에 대한 url을 넣으면 아이콘의 배경으로 이미지가 표시됩니다. [그림1] 참고 (이미지는 gif,png,jpg만 가능) |
IconWidth 속성을 통해 아이콘 영역의 넓이를 설정할 수 있습니다.
아이콘을 클릭시 onIconClick이벤트가 호출됩니다."Clear"
나 "Check"
로 설정하면 OnClickSide 이벤트만 호출합니다.
//1. 메소드를 통해 특정 셀에 속성 적용 (열이름 :CLS )
sheet.setAttribute(sheet.getRowById("AR99"), "CLS", "Icon", "Clear");
//2. 객체에 직접 접근해서 속성 적용 (열이름 :CLS )
var ROW = sheet.getRowById("AR10");
ROW["CLSIcon"] = "Check";
//변경내용 확인
sheet.refreshCell({row:ROW, col:"CLS"});
//3. 조회 데이터 내에서 속성 적용 (열이름 : CLS)
{
"data":[
{... , "CLSIcon":"/images/popIcon.gif", ...}
]
}
//4. 조회 데이터 내에서 속성 적용 (열이름 : CLS)
{
"data":[
{... , "ClsIcon":"Check", "CLSChecked":1, ...}
]
}
product | version | desc |
---|---|---|
core | 8.0.0.0 | 기능 추가 |