셀의 좌측에 원하는 아이콘 이미지, 체크박스 혹은 버튼을 표시하는 기능입니다.
셀의 우측에 버튼을 표시하는 Button 속성과 유사한 기능입니다.
열의 타입이Button
인 경우에는 사용하실 수 없습니다.
[그림1]
[그림2]
[그림3]
string
Value | Description |
---|---|
Clear |
셀 좌측에 셀 내용을 지우기위한 버튼이 표시됩니다. |
Date |
셀 좌측에 달력 아이콘을 보여줍니다. 열의 타입이 Date 인 경우에만 클릭시 달력이 표시됩니다.[그림1] 참고 |
Check |
셀 좌측에 체크박스를 표시합니다. |
공백 |
원래 보여져야 하는 Icon 이미지를 감춥니다. |
기타 |
이미지 파일에 대한 url을 넣으면 아이콘의 배경으로 이미지가 표시됩니다. [그림2] 참고 (이미지는 gif, png, jpg 만 가능) |
Defaults |
셀 좌측에 Defaults 버튼을 표시합니다. [그림3] 참고 |
IconWidth 속성을 통해 아이콘 영역의 넓이를 설정할 수 있습니다.
아이콘을 클릭시 onIconClick이벤트가 호출됩니다."Clear"
나 "Check"
로 설정하면 OnClickSide 이벤트만 호출합니다.
options.Cols = [
...
//셀의 좌측에 체크박스를 표시
{Type: "Text", Name: "product_name", Icon: "Check", Width: 120 ...},
//셀의 좌측에 이미지로 버튼을 추가합니다.
{Type: "Text", Name: "brnSaleAmt", Icon: "/pcd/img/popIcon.png", IconWidth: 15, Width: 120 ...},
...
];
//4. Icon:"Check"를 사용할때, 조회 데이터 내에서 체크시 (열이름 : CLS)
{
"data": [
{... , "CLSChecked": 1 , ...}
]
}
product | version | desc |
---|---|---|
core | 8.0.0.0 | 기능 추가 |