GS인증 AUIGrid v3.0.15

그리드의 셀에 마우스가 오면 툴팁(Tooltip)을 표시합니다.(showTooltip = true 설정 : 기본값 false임)

"고객명" 과 "국가" 칼럼은 툴팁 내용을 사용자가 tooltipFunction 으로 설정한 모습니다.

// AUIGrid 칼럼 설정 var columnLayout = [ { dataField : "name", headerText : "고객명", headerStyle : "my-column", tooltip : { tooltipFunction : function(rowIndex, columnIndex, value, headerText, item, dataField) { var str = "<span style='color:#f00;'>툴팁 사용자 정의</span>"; str += "<br>rowIndex : " + rowIndex; str += "<br>columnIndex : " + columnIndex; str += "<br>headerText : " + headerText; str += "<br>value : " + value; return str; } } }, { ...

마우스를 셀에 오버 시 300ms 지연 시간을 설정하여 300ms 안에 다른 셀로 이동하면 툴팁은 표시 되지 않습니다.

즉, 300ms 동안 같은 셀에 마우스가 있는 경우 출력함 (속성 tooltipSensitivity = 300 설정)